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 a stunning 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
Complete case study — full design process from concept to final execution
UI PROTOTYPE
View Interactive Prototype →
HIGH RESOLUTION FILES
View Design Files →
Bliss Salads
Next Project →

Bliss Salads

Branding & Packaging