Architecture Studio

A digital platform showcasing architectural projects with immersive storytelling.

Architecture & Design

UI/UX Design: Website & Digital Experience
Brand Identity: Visual System & Guidelines

Project Summary

Created a digital platform for an architecture studio to showcase their portfolio through immersive storytelling, combining minimalist design with bold visual elements.

The challenge

Architecture studios need to showcase their work in a way that reflects their design philosophy. The challenge was to create a digital experience that balances minimalism with visual impact, making complex architectural projects accessible and engaging.

My role

UI/UX Design: Complete website design from wireframes to high-fidelity interface, including responsive layouts and interaction patterns.

Brand Identity: Developed visual system including color palette, typography, and brand guidelines to ensure consistency across all touchpoints.

The outcome

Delivered an elevated digital platform that effectively showcases architectural projects through clean layouts, immersive imagery, and intuitive navigation, helping the studio attract high-end clients.

Wireframes & Design Process

Started with low-fidelity wireframes to establish information architecture, then progressed to high-fidelity designs with refined visual hierarchy.

Architecture Studio - Low-fidelity wireframe showing initial layout and information architecture
Low-fidelity wireframe — establishing information architecture and user flow
Architecture Studio - High-fidelity wireframe with refined UI elements and typography
High-fidelity wireframe — refined UI components and visual hierarchy
Architecture Studio - Detailed hero section wireframe showing navigation and call-to-action
Hero section detail — navigation structure and primary call-to-action
Architecture Studio - Second iteration wireframe approved by client
Second iteration — client-approved wireframe ready for visual design
Final Interface

The complete design system featuring bold yellow accents, minimalist layouts, and immersive project showcases.

Architecture Studio - Complete interface design showing all screens and components
Final interface — complete design system with all screens and components
Case Study

A comprehensive visual journey through the entire design process, from initial concept to final execution.

Architecture Studio - Complete case study showing full design process and final screens
+ View full case study
Complete case study — full design process from concept to final execution
Architecture Studio - Complete case study (full size)
UI PROTOTYPE
View Interactive Prototype →
HIGH RESOLUTION FILES
View Design Files →
← Back to all projects
Bliss Salads
Next Project →

Bliss Salads

Branding & Packaging