For this project, I led the complete design and development process in close, ongoing collaboration with Dane.

Rather than relying on a fixed portfolio template, I designed a flexible system capable of adapting to the particular content of each architectural project. Different CMS entries could contain different numbers of images, formats, orientations, and content combinations, so the layout needed to respond dynamically instead of assuming that every project would follow the same structure.

The gallery became the main design and technical challenge. I made extensive use of Framer CMS parameters, conditional visibility, reusable components, and custom code to determine how each project page should behave based on the content available. The system was designed to prevent empty sections, awkward gaps, broken compositions, and inconsistent navigation as users moved through the portfolio.

I worked independently across UX/UI design, CMS architecture, responsive development, and visual refinement, validating key decisions with Dane throughout the process.

UX/UI Design — defined the site structure, navigation, content hierarchy, and project-viewing experience

Visual Direction — created a restrained editorial interface that keeps the focus on the architectural work

Advanced CMS Architecture — configured flexible content fields and parameters for images, project information, gallery variations, and optional sections

Conditional Layout Logic — used CMS values, conditional visibility, and custom code to adapt each page to the content available

Gallery Development — supported different image quantities, aspect ratios, orientations, and sequences without manually rebuilding each project

Responsive Implementation — ensured the system remained stable and easy to explore across desktop, tablet, and mobile

Ongoing Collaboration — refined the experience through continuous reviews, technical iterations, and usability adjustments