A dynamic, human-centered approach to commercial real estate — a case study of the Likova website. Great commercial real estate website design starts with a simple question most developers never ask: what should a person actually feel when they land here? This is the story of how we answered it for Likova — an office building whose architecture deserved a digital statement built from the same source.
A Place Worth Staying
Eight hours a day, five days a week, year after year — most of life happens at work. And you want that time to mean something. Not just because of what you bring — your drive, your focus, your curiosity — but because of what surrounds you. The view you look up at when you're stuck on a thought. The lobby you walk through every morning, nodding to the same familiar faces. A conversation with a colleague over coffee, two floors down.
Space inspires through its details. That's where the feeling of actually being alive at work comes from.
Most office building developers think in other terms: square metres, fit-out options, parking spaces. The tenant is thinking about something else — a place where their team does better work and actually wants to be there. Where a new hire on their first day looks around and thinks: I want to stay.
Likova is a project that understands that.
The Brief
Likova is a kind of building you notice from a distance. Stepped cubic volumes of glass and metal at varying heights, lifted off the ground. A green courtyard with a viewing platform at its heart. Architecture built around one conviction: a workplace should inspire, not just shelter.
The task was to carry that into the digital world. Not to describe the building, but to let people feel through a screen what sets Likova apart from dozens of interchangeable office buildings — a genuine attentiveness to the person who will actually work here, every day. To show the architecture, the character, the details. And trust the reader to put the picture together themselves.
Why We Build Immersive Websites, Not "Office Building Pages"
Commercial real estate has an unspoken rule: keep the website restrained, serious, and grounded in facts. We don't start there. We don't ask what an office building page is supposed to look like. We ask what this building is, what sets it apart, and what a person should feel the moment they land on the site.
That's the difference between a template and an immersive website: one delivers information, the other delivers an experience.
The takeaway: the design approach follows the building — not the category. When a product is made with real care for people, the communication has to feel that way too.
How the Building's Architecture Became the Visual Language
The project's overall tone is composed and business-like. That doesn't mean the creative ideas have to be.
When we were looking for a defining visual element — something that would make the project instantly recognisable — we looked at Likova from above. What we saw was its stepped structure: planes offset from one another, forming a silhouette that feels dynamic, almost alive. We took that principle straight into the design. Stepped panels became a recurring motif throughout the interface, turning an architectural feature into a visual signature.
To push it further, we built an animation system around it. As the user scrolls, the panels shift and flow into each other — as if the building were quietly rearranging itself in real time. A static element comes alive, and the page comes alive with it. The stepped form isn't just something you see — it's something you feel as you move through the site. Scrolling finds a rhythm.
The takeaway: creative design for a developer starts not with references, but with looking hard at the product itself. When a defining element grows out of what the project actually is, it becomes part of it — not just a beautiful wrapper with nothing inside.
Art-Directing the Renders — Why Visual Coherence Matters
When someone lands on a site, they take in the whole page at once. Not the design separately, the photography separately, the copy separately — everything registers together. So when the renders are warm and soft and the interface around them is cool and high-contrast, something feels off. The visitor can't name it, but they feel it.
This is a common problem in developer projects. Renders are prepared in the developer's own logic — for brochures, presentations, outdoor advertising — and handed over to the site as-is. The angles are optimised for large-format print, the colour temperature is matched to glossy paper, the composition is built for a poster. Not a screen. The result: visuals that exist in a different world from the design around them.
With Likova, the client listened. They agreed to let us art-direct the renders specifically for the site — deciding which faces of the building to show, from what height, in what light, and how to frame each shot for the exact screen layouts we were building. The result is a system where content and design pull in the same direction.
On some projects we go further still and create the renders ourselves, which means full control over visual quality from the start. That was the case with the ERA project, where the entire visual world — from concept through to delivery — was built inside the studio.
The takeaway: visual fragmentation on a site is dangerous precisely because it's invisible. The visitor doesn't know what's bothering them — but something feels slightly wrong, and that's enough to close the tab and not come back.
Why a Commercial Real Estate Website Needs WebGL and Interactive 3D
For Likova, we used WebGL and 3D visualisation as tools to bring the project to life in a way that almost nobody else in commercial real estate can offer.
The homepage opens with a full WebGL scene on a dark background — a choice that immediately sets Likova apart from the pale, predictable sites that dominate this category. At the centre is a 3D model of the building: the full architecture, nothing superfluous. As the user scrolls, they move through the model and pick up key information about the building along the way.
That shift — from passive browsing to active exploration — changes everything. Visitors stay longer, understand the product more deeply, and remember it differently.
The second interactive screen is a 3D site plan with the surrounding infrastructure. Same logic: not a static diagram, but an environment to move through. You get a feel for the layout, the scale, the context.
The third scene presents the lobby. Before the entrance space appears, a 3D illustration walks the visitor through the key elements of the interior — so that when the lobby finally arrives, it doesn't read as just another render. It reads as a picture assembled from details they've already come to know.
Three-dimensional space lets us give more information without asking more from the visitor. Architecture, surroundings, infrastructure — delivered as one continuous flow, each detail following naturally from the last. No jumping between pages, no swiping through slides. The impression builds as you move, like a story rather than a list. All three scenes turn the visitor from a viewer into an explorer. And a person who has discovered something for themselves remembers it differently — and longer.
The takeaway: an interactive 3D website isn't technology for its own sake. It's a way of giving the visitor an experience that a brochure or a PDF simply can't. The more precisely it's built, the more personal it feels.
When WebGL Earns Its Place on a Real Estate Website
A 3D visualisation on a website and a render in a brochure are different things. A render is a picture: one angle, one light, one moment. 3D on a site is an experience: the visitor explores the building, sees it in context, moves through information at their own pace. The difference is roughly the same as between a photograph of a car in a magazine and a model where you can open every door.
WebGL runs 3D graphics directly in the browser. For real estate websites, that unlocks something static content can't deliver: showing the building among streets and parks, letting visitors move through floor plans in volume, giving them something to interact with rather than just look at.
But WebGL isn't always the right call. A 3D scene that doesn't solve a specific problem is just an expensive effect — one that slows load times and adds nothing. The test is simple: if it's genuinely central to how the visitor understands the project, invest in making it deep and interactive. If it isn't, think hard before it goes in the budget.
Turning a Website Into a Lasting Impression
Most developer websites follow the same template: a render slider, a floor plan section, a map, an enquiry form. A visitor moves from one to the next and sees the same structure, the same tone, the same set of screens — only the building's name changes. This kind of site delivers information. It doesn't leave an impression.
A memorable developer website works on two levels. The rational — answering the concrete questions: what is the building, where is it, what spaces are available, what does rent cost. The emotional — conveying a feeling: what it's actually like to be in this space, what it represents, what values sit behind it.
The gap between these two levels is something we run into constantly. The information is there; the impression isn't. The visitor doesn't feel the value — so they start comparing numbers, with no sense of why this building costs more or what makes it worth it. The task is to create a mood that stays with people. To present information in a way that makes the project feel singular.
What makes an experience worth remembering — not a checklist of features, but a story dense with detail. The logic is the same whether the property is residential or commercial. The luxury real estate website design principles that make a site worth remembering don't change with the category:
- A visual language that grows from the actual building, not from beautiful case studies on Behance.
- Animation that makes moving through the site feel alive — every scroll surfaces something new.
- Interactivity that draws the visitor into exploring rather than just watching.
- Content that shows the project at its best — the right angles, the right emphasis, the right words.
No single element does it alone. What works is the whole system.
A Final Thought
The Likova site is one of those projects that raises the bar for its category. Creative design with interactive 3D and storytelling — in commercial real estate, that's still the exception, not the norm. It's the standard our real estate website design agency holds itself to.
But the point isn't the techniques or the technology. It's the approach. Proven solutions — even good ones — only take you so far. At some point you have to step outside what's comfortable. And when you do, the only thing that keeps you from getting it wrong is remembering who it's actually for. Not an abstract user — a real person. Feeling what they feel, and finding a way to express it that actually lands.
Likova is a building designed around the idea that a workplace should inspire. The site is an extension of that idea — it doesn't talk about inspiration, it delivers it. Through the movement of the models, through the lobby details surfacing one by one, through the rhythm in which the building's own architecture responds to every scroll. An office building is where people spend a large part of their lives. Likova is one of the rare cases where that time is taken seriously — by the architects, by the developer, and by the site itself.
Likova is a commercial real estate project whose architecture crystallises into something almost otherworldly — a form that pulls you toward it. That kind of presence demanded a digital statement built from the same source. Every design decision on the site is a direct heir to Likova and what it stands for: the WebGL scene with the 3D building model, the interactive site plan, the lobby presentation, the animation that echoes the building's stepped form, the storytelling that runs through all of it.
Get the edge with award-winning design and development for your real estate project!
