The ERA Premium Residential Quarter Website Case Study

A talented person can be talented in everything. Well-known actors often discover a gift for directing or find success as screenwriters, revealing new dimensions of what they are capable of. Iconic art works the same way. It finds form across different kinds and mediums: painting, literature, cinema, architecture. In each of these expressions, the core of the style reveals itself in its own way, and a recognisable aesthetic code comes through — so that a person can immerse themselves completely in the art that traces the contours of a new era.

ERA, a premium residential quarter, is a dedication to the iconic Art Deco style — blooming in every detail: in the golden petals of the towers, in the luminous geometry of the facades, in the ceremonial beauty of the ornament, in the richness of the cultural surroundings.

Our task was to create a website that conveyed the idea of art as a way of living — and to make it hypnotic, fully immersive in the project.

Positioning: Homes for Those Who Value the Essence of Things

ERA is a quarter of six stepped Art Deco towers rising where the center gradually gives way to the periphery. The significant district is a place with its own voice: its own architectural and cultural identity, its own rhythm of life, its own sense of what matters.

The project's audience is the upper middle class, so ERA is positioned as an accessible premium. The client offered a precise formulation that became the expression of the entire strategy: "We sell Mercedes, not Rolls-Royces."

When choosing an apartment in this segment, a person is not buying status. They are acquiring a way of life — one that has room for the pleasure of art, time for celebration, and space for intellectual growth. The design of the ERA premium real estate website had to carry the same tone: without grand declarations, magnetically and visibly, unhurriedly — and compellingly. 

From the Sparkle of Champagne to the Luminous Depth of Meaning

The first design iteration was in the spirit of The Great Gatsby — joyful, effervescent Art Deco, the shining hedonism of the nineteen twenties. Glowing ornaments, high-contrast scenes, stock imagery of people in premium surroundings — a businessman in a luxury car, an elegant companion beside him. In essence, the aesthetic of nineties advertising.

Our first version was like champagne — sparkling, luminous, festive. But the people who buy apartments at ERA needed not only the brightness of an impression, but the depth of meaning behind it.

After reconsidering the concept, we deepened the palette, simplified the patterns down to two working variants, replaced the glowing decorative elements with restrained lines, and swapped the theatrical stock scenes for interior plans without the staginess. What remained of Art Deco in the design was geometry, clarity, and a ceremonial quality freed from pomposity.

This conceptual shift determined everything that followed. We were no longer depicting a glittering celebration — we were showing a life full of the glow of meaning. 

In-Depth Interviews: How To Express the Heart of a Project

We begin every project with a series of workshops in which we immerse ourselves completely — studying every aspect and understanding the context as deeply as possible. Detailed interviews with the client's team are a key element of our approach, but with ERA we decided to make an immersive video interview with the architects part of the site itself.

Speaking directly to future apartment buyers, the authors of this new Art Deco era share, with quiet confidence, what matters most. ERA's facade is a festively beautiful cascade of towers, while its soul is an artfully created landscaped courtyard — a place for stillness, for time with friends, for taking in nature. The geometric labyrinths of English gardens continue the Art Deco theme, and a luminous glass pavilion becomes a gathering point for the quarter's residents. The considered landscaping does not merely frame the elegance of the architecture — it places the person at the very heart of the project.

The Source of the Idea: A Visual Language Inspired by Architecture

At the start of the project, ERA had minimal identity — a logo and a basic colour palette. There was no complete design system, no set of patterns, no visual grammar. Our task was not to dress an existing brand, but to develop a digital branding system for this premium development entirely from scratch, guided by the same principles behind our work in luxury real estate website design.

We found the source of the visual language in the architecture of the buildings themselves. Art Deco in glass and stone acquired a digital dimension — to fully reflect the beauty and meaning of ERA.

The designers literally traced expressive facade details in a graphic editor: an arch above a window, botanical ornament above an entrance, the pattern of a balcony railing. From these contours, background patterns were assembled, interface outline elements were formed, and ultimately a star emerged — the key geometric symbol of Art Deco, representing luxury, triumph, and the glory of the style.

The colour palette was also drawn from the architecture. The original blue was deepened and made more velvety, acquiring the gradient of an evening sky. The reflections of the evening sun on the facades take on a pink tone — which is why rose gold was added to the site's palette.

The leitmotif of the site was a light line created with WebGL. It appears in different forms: as a building silhouette on the splash screen, a trail in the camera's flight, an outline around headlines, a glow on buttons on hover. One visual code — and dozens of ways it comes to life.

The visual idea of the project was defined by a thought clear in its simplicity: the architecture of the project can give its digital version a language.

Running Threads of Design: The Guiding Narrative

Recurring details intensify the sense of a coherent story. The glow effect on filled buttons echoes the luminous leitmotif line. Sparkling spirals echo the geometry of Art Deco. The refined palette reads as a continuation of the architecture within the interface.

For the presentation of premium real estate, details matter no less than the overarching concept. There are no minor things — every detail helps tell the story. We built the site with exacting attention to detail — drawing, like architects, the contours of an art made for living.

The Key Idea: The Joy of Living in a Rich Cultural Environment

ERA offers its residents the joy of living in a rich cultural environment. Not the pleasure of ownership, not the satisfaction of status — but the pure joy of being surrounded by things worth breathing in. Every historic building nearby, every performance at the theater, every encounter with a kindred spirit becomes a source of transformative emotion. We carried this idea through the entire content of the site, revealing it anew at every level.

The intimate tone of the storytelling shows even in the smallest details. A child's swing grows out of a letter — in the section about childhood. The figure of a child with a soft toy settles cosily inside the headline "Four kindergartens." Small integrated illustrations tell the reader what a section is about before they have read its title.

To convey the full richness and value of ERA's infrastructure, we made the district a character in its own right — active and distinct. The character of this protagonist shaped the story of ERA's location. In the location section, we reflected several layers of content: 

• practical infrastructure woven naturally into a narrative about a way of life; 
• cultural landmarks of the district — usually left out of developer presentations — brought to the foreground; 
• the architectural styles of the area shown as a living, continuous context in which ERA sits as part of a tradition rather than appearing from nowhere; 
•  the beautiful story of Art Deco used to turn a residential quarter into an architectural event.

ERA is not a standalone object on a map — it is part of the cultural fabric of the district. The site communicates this at the level of structure: we do not simply describe a building, we show the rich surroundings in which the building acquires both timeless and contemporary meaning.

Design: The Hypnotic Beauty of Three-Dimensional Immersion

Architecture cannot be conveyed in a single static image. A full impression of a building forms during movement — as you approach its facade, walk around it from every side, raise your eyes, stop to study the details. To bring this immediate, kinetic experience into a browser, we developed an immersive 3D website that creates the sensation of physical presence.

The Splash Screen: A First Impression That Stays

The site opens with glowing building silhouettes taking shape against a night sky. This is the user's first contact with the project — and an intuitive sense of beauty arises at once. The tagline "The Dawn of a New Era" underscores the value of the project. The emotionally expressive splash screen does not rush to explain the meaning of the new era — it creates the feeling of its arrival.

Hand-crafted renders: the beauty of extreme detail

For the first phase of the project, we created a maximally detailed render of the courtyard — to show the landscaping in full, with all the clarity and magnetism it deserved. When the second phase arrived, we developed an equally high-resolution render of the soaring luminous towers. The client wanted both models presented with absolute fidelity — no optimisation, no shortcuts. The challenge was accepted.

We did not just capture the exterior aesthetic. We solved technical problems that came with it: keeping the scene at maximum detail without sacrificing performance.

A single scene serves multiple purposes — full CG renders, vast panoramas, composites with aerial drone footage, miniature animations, a virtual tour. The visuals look natural and magnetic in every context, and behind that beauty lies serious work: every shifting angle has to be anticipated, every new element considered in terms of how it sits within the whole.

The 3D District Map: When a City Comes Alive

The central element of the Location section is an interactive volumetric map of the district. We adapted the real layout of Danilovsky, built a 3D model, and filled it with motion. Gleaming cars move along road schemes — the smallest atoms of the megacity's fast life. A river traces the edges of the blocks, cathedral domes rise, the decorative tower of Paveletskaya Plaza appears, the bowl of Torpedo stadium emerges — the user sees not a faceless plan but a living fragment of the city. This level of immersion is beyond the reach of a two-dimensional map.

The Neighbourhood Infographic: A Luminous Road Home

The key points of urban infrastructure lie close to ERA. We showed what this looks like at the scale of the city and in the space of emotion: the user flies with the camera along a light trail shimmering with lights. A parallax starry sky creates the impression of boundless possibility. Cards with figures fly toward the viewer as the movement unfolds. This is one of the most cinematic moments on the site.

The Accent Render: A Journey Across the Facades

Architectural features are usually shown through separate fragments — a facade, an entrance group, a balcony in close-up. Instead, we presented a single large ultra-high-resolution render — around 8,000 pixels wide — through which the camera smoothly guides the user.

We used this technique for the first time. The team created a special render — since the resolution of the existing visualisations was not sufficient for scroll-driven close-up navigation. As the user scrolls, the camera moves in, revealing details in all the beauty of their nuance: first the ceremonial stepped facades, then the upper tier with its botanical ornament, then the balcony railing with its metalwork lacework, then the grand entrance group. This engaging sequence directs the eye by itself — and creates inspiration.

Seasonal Renders: The Full Palette of a Year

Developer websites typically present a project in perpetual summer — the trees are green, the sky is reflected in the windows, long shadows emphasise the texture. We added seasonal renders: winter, autumn, and the in-between. This small but honest detail shows future residents clearly that life in the quarter continues through every season.

The Building’s Rotation on Scroll: Every Angle of the Architecture

On the homepage, the building slowly rotates as the user scrolls. We realised this effect through a sequence rather than WebGL — to preserve the quality of material textures in close-up views.

WebGL is not an end in itself for us — not a wow effect concealing nothing behind it — but a way of conveying the living sensation of architecture: in motion, in volume, in the contrast of light and shadow.

The texture of illuminated facades: reflecting luxury 

The ceremonial tower facades are adorned with golden elements that catch and refract light. Get this kind of genuinely rich texture wrong, and the result is kitsch rather than luxury — the line between the two is that fine. 

Luminous panels are among the hardest things to render: a slight shift in lighting — and the building looks entirely different. We managed to capture an architecture that reads as beautiful at any hour — in misty morning light, at clear midday, on a cloudy evening. ERA has no bad weather. Every moment, it looks extraordinary.

Custom 3D Models: Beauty You Can Almost Touch

One of the project's image taglines was "Feel beauty at your fingertips." We translated this promise directly into the language of design.

To present the materials from which ERA is made, we created custom 3D models — close-up views of a wall, a balcony railing, glazing. They are presented statically, but the volume communicates texture in a tactile way, giving the user the sensation of being able to run their hand across the surface. The silky coolness of natural stone, the smooth petals of botanical ornament, the firm lacework of the balcony railings — every detail rendered with absolute precision.

Tactility is not only in the feel of the materials. It is in the camera's close-up navigation of the large render — as the user watches pattern, form, and curve emerge from the overall elegance of the silhouette. Tactility is also felt in the vertical dimension — in the section about ceiling height — where, during scrolling, the user physically feels the height through their eyes.

Beauty that can be felt is different from beauty that can only be seen. We wanted the user not to observe the project from a distance, but to touch its surface and immerse themselves in its depth — discovering every dimension of ERA.

One Team’s Work: A Uniquely Coherent Solution

All visual production for the project — renders, 3D models, illustrations, patterns, animation — was done within our own team. This kept the visual language and the logic of presentation consistent from start to finish.  

The site reads like a complete, carefully crafted work of art: with a prologue, a narrative, and a conclusion — not a scatter of disconnected content that never quite coheres into a compelling brand picture. It is this end-to-end in-house approach that creates the shared rhythm, the wholeness, and the quiet sense of quality that builds trust from the first screen to the last. 

Working within one team pays off technically too. In digital projects, composition, proportion, and the placement of elements need to be designed for specific outputs from the start — not fixed in post. Rushed cropping, last-minute retouching, decisions made on the fly — these have a way of quietly eroding a project's standing. 

And when renders and digital assets come from a single, fully invested team, something else happens: ideas with real spark surface. The kind that turns the user into an active reader — someone who moves through the site with genuine curiosity, experiencing it as a work with both artistic and practical depth.

Absolute Interface Convenience: Understood at a Glance

The parametric apartment selector was built on a simple principle: the user must be able to see the key parameters without opening the apartment, while the card must not feel overloaded. We calibrated the balance between density and legibility — between information surfaced and information held back.

The visual building selector allows the user to understand quickly where a specific building is located.

From an apartment card, the user can switch to the master plan, where the window orientations are highlighted. The user immediately sees what view the apartment's windows offer — without having to open a maps application.

The floor plan section follows the overall visual system. Interior details serve as the background — so that the plan does not feel abstract and sits naturally within the atmosphere of the site.

A New Era of Design and Achievement

The ERA project was for us a bold challenge, a source of inspiration — and a vivid achievement. As a luxury real estate website design agency, we raised the bar in the premium segment and brought complex developer branding to a new level.. The project received recognition from the international design community:

• Awwwards — Site of the Day
• Awwwards — Developer Award
• CSS Design Awards — Site of the Day
• The FWA — FWA of the Day

Each of these awards recognises a different achievement: the overall strength of the solution, the technical execution, the visual mastery. What matters to us is that the ERA website received them all. This means we succeeded in creating a solution that fully conveys the beauty and meaning of the project.

Iconic art finds form across every kind — from graphics to architecture, from painting to musical symphony — so that a person may be inspired by the beauty and meaning of a brilliant style and go on to create the art of a new era. An era in which every gift can find expression, and a life can be given its true meaning.