ROOF — Architecture & Real Estate Website | Web Design & Motion
Roman Rozovyk
Loading Animation | Architect Firm Website & Real Estate Website
Challenge
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.
Mobile hero section | Architect Firm Website & Real Estate Website
Solution
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.
Portfolio Section | Architect Firm Website & Real Estate Website
Design & Motion
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.
Random Sections | Architect Firm Website & Real Estate Website
Cursor Interaction On About Section | Architect Firm Website & Real Estate Website
Mobile Random Sections | Architect Firm Website & Real Estate Website
Tablet Awards Section | Architect Firm Website & Real Estate Website
Grid System
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.
Grid | Architect Firm Website & Real Estate Website
Home Page | Architect Firm Website & Real Estate Website
Typografy | Architect Firm Website & Real Estate Website
About Page | Cursor Montion | Architect Firm Website & Real Estate Website
Mobile About Page Sections | Architect Firm Website & Real Estate Website
Tablet About Page | Architect Firm Website & Real Estate Website
Desktop Project Page Random Sections | Architect Firm Website & Real Estate Website
Desktop Project Page Carusel Animation | Architect Firm Website & Real Estate Website
Tablet Project Page Random Sections | Architect Firm Website & Real Estate Website
Project Page | Architect Firm Website & Real Estate Website
Mobile Contact Section | Architect Firm Website & Real Estate Website
Desktop Contact Section | Architect Firm Website & Real Estate Website
Thank you)
Like this project
Posted Oct 24, 2026
Brand website for ROOF architecture studio and real estate. Responsive WordPress build with GSAP interactions, monochrome UI design, and 4-column grid.
