Case Study

Architech Portfolio

A reusable portfolio template for architects and designers, built around a clean layout and an image-first gallery.

RolePersonal project

ReactVanilla CSSNext.jsLocalStorage

Overview

Architect Portfolio is a template-style personal project: a portfolio website aimed at architects and designers who need a clean way to showcase their work. It's built with React and Next.js, styled with plain CSS to keep the codebase lightweight and easy to customize.

The focus was on making the gallery the centerpiece of the experience, while keeping the rest of the site simple enough to reasonably fork and re-theme for a different portfolio.

Key Highlights

Image-first gallery layout designed to showcase project work

Hand-written CSS instead of a framework, for full control and a smaller footprint

LocalStorage used for lightweight, backend-free customization and persistence

Structured to be easy to fork and re-theme for a different designer's portfolio

Challenges & Approach

Styling without a CSS framework

Writing the styling in vanilla CSS instead of Tailwind meant building a small design system by hand: spacing, typography and responsive breakpoints all had to be defined and kept consistent manually.

Making a gallery-heavy site fast

With images as the main content, I focused on responsive image sizing and layout choices that keep the gallery smooth without needing a backend or CMS.