The design prioritizes minimalism and sustainability, creating a visual language that feels modern yet timeless. Every element was considered to be functional and distinctive, with spacing, typography, and composition carefully crafted to balance simplicity and uniqueness. This approach ensures the portfolio feels cohesive while allowing each project to stand out on its own.
This hero section emphasizes projects as the primary point of interaction. The page load animation moves each fullscreen image into its place, creating a memorable first impression. The second project is partially revealed, encouraging the user to scroll and discover all three projects.
This scroll-triggered typography split creates a dramatic, structural reveal of the firm's core services. The spatial animation adapts fluidly, ensuring perfect responsiveness across all device breakpoints. The refined button hover mimics architectural precision, reinforcing the minimalist brand identity and driving the user to view projects.
To ensure users can easily navigate the firm’s extensive portfolio, I implemented a filtering system that sorts projects without page reloads. I paired this utility with seamless interaction design: hovering over a project triggers a video preview that begins exactly from the placeholder frame. This creates a zero-latency transition from static image to motion.