Architectural practice website
Akshay Menon Architects
I designed and built an image-led website for a Kerala architecture practice, using photography, drawings, and project stories to explain its work.
- Period
- Practice website
- Role
- Digital direction · design · full-stack build
- Field
- Digital direction · project storytelling · web development
Built a clear, image-led website for the practice and its growing project archive.
An architectural website has to do two contradictory things well: disappear behind the work and still make an argument about the practice. The design uses disciplined sequencing, restrained navigation, generous images, and data-driven project records so that each commission remains distinct while the studio develops a recognisable voice.
How it works
The digital sequence follows how architecture is actually read.
A visitor moves from the practice position into a project, then between spatial photography, material detail, drawings, and related work. Metadata and routes make that sequence discoverable beyond the homepage.
- 01Position
The opening establishes the atmosphere and practice without competing with the work.
- 02Index
A structured project archive makes residential, commercial, educational, and interior work browsable.
- 03Sequence
Photography is ordered to reveal arrival, room, threshold, detail, and inhabitation.
- 04Draw
Plans and architectural drawings provide a second, precise way to understand the space.
- 05Relate
Project metadata and neighboring records keep the visitor inside the practice’s wider body of work.
- 06Discover
Project-specific routes, titles, descriptions, and sitemap data make individual work findable.
The condition
The work needed a voice quieter than the architecture.
The practice works across residential, commercial, educational, and interior projects from Palakkad, Kerala. Its digital presence needed to hold a growing archive without making every project feel like content inside a marketing system.
The design direction privileges spatial rhythm: large images, pauses, controlled typography, and just enough metadata to orient the viewer. Interface elements remain deliberate but recessive.
Project storytelling
An image sequence can behave like a walk through a building.
Project records are structured, but their presentation is not mechanically identical. Photography can move from context to room, from room to material, and from stillness to occupation. Drawings interrupt the photographic sequence when they offer a clearer spatial explanation.
This makes each case page an authored edit rather than a media dump. The visitor understands both the project and the choices the practice considers important.
The system
A data-driven archive keeps restraint maintainable.
The Next.js application separates project data, image records, page structure, and practice information. Dynamic project routes allow the archive to grow while preserving a consistent editorial grammar. Framer Motion is used sparingly to support continuity between views.
Metadata, sitemap generation, and stable project URLs let individual work function as a public record rather than remain trapped inside a visual landing page.
The outcome
The website reads as an extension of the studio, not an advertisement for it.
The finished system gives the practice a place to accumulate work without losing calm. Projects remain the dominant material; navigation, contact, and practice context provide the structure needed to understand them.
The result is intentionally modest in interface and precise in sequence—the digital equivalent of stepping back so the architecture can hold the room.
What I learned
Key lessons from the project.
Sequence is interpretation
The order of images determines how a visitor understands space, material, and inhabitation.
Restraint needs structure
A quiet interface only stays quiet when content and routes are rigorously organised beneath it.
Drawings are not extras
They provide spatial evidence that even excellent photography cannot replace.
Let the work dominate
A practice website should express authorship without becoming the loudest project in the portfolio.