ROOF — Architecture & Real Estate Website | Web Design & Motion

Architecture studios often suffer from generic digital presence that fails to capture the technical precision and unique identity of their work. ROOF needed a website that would read as architectural itself: precise, structured, confident.

I designed a clean, grid-aligned digital experience that showcases structural details and materiality. Smooth transitions and clear composition elevate the studio's work, leaving an impactful impression on prospective clients. Built on WordPress with GSAP-driven motion, the site stays flexible and easy to update.

GSAP-driven motion creates an immersive physical space. The monochrome palette and rigid forms ensure architectural purity, while rhythmic animation guides user focus, mimicking the exploration of a building. Each interaction is purposeful, reflecting technical precision and meticulous craft.

I used a 4-column grid to ensure architectural precision. By syncing the logo with the columns, I turned the branding into the design's structural foundation.