PROJECT SCREENSInside the design
Screens scroll automatically — hover to pause
A nature-centric architecture website — space, light and material translated into a digital experience.
An architecture studio whose buildings breathe with nature deserves a website that does the same. The design uses space, rhythm and restraint as its primary materials.
Portfolio sites for architects often crowd the work. The buildings — not the interface — must hold attention.
Concept and full design: art direction, project showcase system, studio story and contact journey.
Generous whitespace mirrors the studio’s philosophy.
Buildings shown the way they’re meant to be seen.
The interface recedes; the architecture leads.
Tones borrowed from timber, stone and daylight.
Positioning research came first: what should a visitor believe about the brand within five seconds, and what should they do within thirty? Analysis of comparable sites showed interchangeable layouts and stock messaging — differentiation itself became a design requirement.
Visitors judge the organisation by the craft of the site before reading a word. The design must be the proof.
Each audience arrives with a different question; the IA gives each a clear next step instead of a generic tour.
The phone experience is the brand experience — designed first, not adapted later.
Arrives from a referral or search, scanning for credibility signals: work, results, people. Needs a clear story and an easy way to make contact.
Compares several options in one sitting. Needs fast answers — what, for whom, at what quality — without hunting through pages.
An editorial layout built on generous whitespace, a disciplined type scale and full-bleed imagery where the work speaks. Motion is purposeful — reveals and transitions that guide reading order — and every section ends with a clear, unpushy next step.
The design was pressure-tested for the scan, not the read: five-second impression checks, scroll-depth reasoning, and mobile-first passes. Copy and layout were tightened together — every section had to justify its scroll.
Screens scroll automatically — hover to pause
A digital space worthy of the physical ones — explore the full design on Behance.
View full project on Behance