ZahrArch
I poured myself into this website the way an architect pours a foundation, permanent and deliberate. Every sheet drawn for a woman I hoped would one day say yes. I have no shame and regrets in showcasing this project as it was done out of love. Aren't those our best projects?
Project Details: ZahrArch
The Context
A Next.js + Payload powered architect's portfolio built as an interactive drawing set rather than a conventional gallery. Visitors orbit a live 3D scene assembled from real project geometry, using models exported from Rhino and Grasshopper and ported directly into the browser instead of static renders, so each project's massing, structure, and siting can be explored from any angle while reading about it in the side panels.
The site is structured around various bodies of actual work. Each opens into a dedicated sheet with hero renders, plan and section drawings, specs, and narrative, styled throughout as an architect's drafting set (blueprint grid, crop marks, scale bars, title blocks) rather than a typical portfolio template.
Every visitor steps into a world where they think and visualize through the lens of an Architect.
Since I thought forever was on the table (scalability)
Content is fully decoupled from presentation: every section, project, image, and bio field is authored in Payload CMS and the site is built as a statically generated (SSG) Next.js front end, so pages are cached and pre-rendered at build time for fast load and clean SEO, while all copy, imagery, and project data can be updated from the CMS without touching code. The result behaves like a live application but ships and indexes like a static site.
She didn't appreciate it, maybe you would? (screenshots)
For those who wish to keep my memory bright, the memorial awaits your presence.
Technical Highlights
None, if we consider the only metric that mattered...