In architecture the work itself is the strongest statement, and the website's job is to stage it as well as possible. In this project we developed a portfolio-led website that puts architectural work in the spotlight and conveys the design approach behind it.

What we built

  • Project portfolio: pages that present architectural projects through large images and video.
  • Motion storytelling: video and transitions that introduce spaces in a cinematic way.
  • Studio and contact: sections that explain the design approach, plus clear contact points.
  • Project detail pages: pages presenting each project with its location, year and scope.
  • Category filters: filtering projects by type.
  • Content management: pages, images and copy can be updated from a panel without technical knowledge.

We designed a minimal interface that mirrors the simplicity of architectural language, using typography and white space as a frame that never competes with the imagery. Video content was optimised to load light and fast, delivering the cinematic effect without sacrificing performance.

How we worked

For Mimarlık we first mapped the content structure and page hierarchy. We designed in Figma, starting from the home page and extending to every page template. We turned the approved design into code component by component, entered the content, and launched after testing across screen sizes and browsers.

Technical foundation

We built the site with React and Next.js; TypeScript keeps the code reliable and Tailwind CSS keeps the interface consistent. Content is updated from an admin panel running on Node.js and MySQL. Because pages are rendered on the server, the site loads fast and is indexed correctly by search engines.

Outcome

The result is a portfolio site that showcases architectural projects with the clarity and impact they deserve and lets visitors sense the design approach at first glance.