Architecture studios sell more than services, they sell vision, precision, and taste. A profile website built to represent that has to carry the same weight as the buildings the studio designs, but most studio sites end up either too sparse to feel credible or too busy to let the work breathe. Archea needed a system that could hold both the portfolio and the story, at scale, without losing its composure.

Instead of designing all 23 pages at once, we broke the project into 3 phases to keep the process structured and let the direction get validated before scaling up.

Phase 1: Explored 3 homepage variations to lock in the right visual language and tone for the studio.

Phase 2: Added a 4th homepage variation and built out the essential inner pages, expanding the core site structure.

Phase 3: Rounded out the profile with additional supporting pages, completing the full 23-page system.

To keep everything consistent as the page count grew, we used Tailwind variables to standardize spacing between blocks, buttons, and other elements, which kept the design system disciplined and made the build noticeably faster.

23 pages in total: 4 homepage variations plus 19 supporting pages, including About, Team, Services, Portfolio (with detail pages), and more, all working together as one cohesive system.

A profile website that feels considered and confident at every scale, structured enough to grow into a full 23-page system, but consistent enough that it never feels like it was stitched together in phases.

Peterdraw Studio Bring ideas come alive UI/UX Design | No-code development | Framer Expert

hello@peterdraw.co | Website | WhatsApp

Stay tuned with our latest updates Instagram | Dribbble | X | Pinterest | Linkedin