AIR is a next-generation Class A business center, conceived as an architectural statement rather than another office building. The client came to us with a brand already in place: a logo, a type pair, and the core identity elements. A traditional identity and a digital environment play by different rules, so our job was to extend that brand into a complete digital system, one that presents AIR at the level of its architecture to every future tenant, from IT startups to corporate headquarters.
We kept the logo and typefaces as the foundation and built the rest ourselves: the digital brand, the key visual, and the website.
Air, taken literally
The idea began with the name. Compositions leave more empty space than convention allows, and headlines run with wider letter and word spacing, so every screen feels light. The graphic system came from the building itself. AIR's three twisted glass towers rise with each floor rotated against the one below, like a deck of cards nudged out of line. We turned that rotation into custom 3D graphics: recursive forms, spirals, and flowing lines that turn and transform on screen. Motion shows what a still image can't, which is architecture in movement.
Glass, with depth
The interface panels are transparent and softly blurred, borrowed directly from AIR's glass facades. The technique is called glassmorphism: a backdrop blur softens whatever sits behind a panel, so the text stays legible while the scene behind it stays in view. Glass is the building's defining element, and on the site it gives every page more air. You see the panel and the space behind it at once, and the interface keeps circling back to the idea in the project's name.
Interactive office selector
The selector offers three ways in. Pick a building and floor on a site plan built from a photorealistic render of all three towers, browse floor plans visually, or narrow the list by parameters. Each layout switches between a furnished and an empty view, so a tenant sees the bare floor plate and also how a team could use it.
Flexible by design
The towers bend, and the offer bends with them. The brief asked for something we hadn't built before: a configurator that combines several offices on one floor into a single offer. Choose one unit on the plan, then the next, and they merge into one space with a combined area, a unified layout, and a total price, all before anyone calls a manager or requests a proposal.
Mobile, designed separately
The mobile version was a design task in its own right, not a scaled-down desktop. Every element was rethought for the smaller screen. The 3D graphics, the glass panels, and the office selector all carry over, so a visitor on a phone gets the same depth as on a desktop.
3D infographics
The infographics are built from 3D illustration and stay interactive, in the same visual language as the rest of the site. A volumetric diagram shows how parts relate to one another in a single view, where a flat chart would need several. It makes AIR an interactive 3D website well beyond the first screen, down to how the data is presented.
The result
AIR won Site of the Day and the Developer Award on Awwwards, and Website of the Day on CSS Design Awards. Recognition like this rarely comes to commercial real estate websites, which tend to stay with familiar, proven formats. The client approved our concept with almost no revisions, because every decision traced back to one idea. The open compositions, the 3D forms drawn from the twisted towers, the glass panels, and the office configurator all follow from the name and the architecture. The towers rotate floor by floor, and the site carries that motion onto the screen.