Here’s a **fully rewritten, senior-level UX/UI case study** for **Norman Ward Architect**, designed for your portfolio to emphasize strategy, design thinking, and visual storytelling.
—
# **Norman Ward Architect — Website & Digital Brand Experience**
### *Showcasing architectural excellence through a modern, immersive digital presence.*
—
# **Overview**
Norman Ward Architect, a boutique architecture firm specializing in high-end residential and commercial projects, required a **digital presence that reflected the precision, elegance, and innovation of their work**. Their existing website was outdated, lacked cohesion, and failed to communicate the scale and quality of their projects effectively.
I was tasked with **redesigning the website and digital brand assets** to create an intuitive, visually compelling experience that highlighted the firm’s portfolio and attracted potential clients.
**My Role**
Lead UX/UI Designer
UX Strategy · Web Design · Interaction Design · Visual Storytelling · Responsive Web
**Team**
Architects · Marketing Lead · Content Strategist · Front-End Developer
**Timeline**
6 weeks
—
# **The Challenge**
Norman Ward Architect faced three main challenges:
### **1. Poor visual storytelling**
Project images were inconsistently displayed, and the site lacked immersive layouts to showcase architectural detail.
### **2. Complex navigation**
Visitors struggled to find project categories, services, or contact information due to unclear menu structures.
### **3. Outdated, non-responsive design**
The website was desktop-centric, with a clunky mobile experience and slow-loading high-resolution images.
—
# **Goals**
### **Business Goals**
* Increase inquiries and project leads
* Modernize the firm’s digital presence to reflect brand quality
* Highlight the breadth and depth of projects with compelling visuals
* Make the website accessible and responsive across devices
### **User Goals**
* Easily browse and filter projects by type (residential, commercial, renovations)
* Explore project details and architectural photography
* Quickly access contact information and request consultations
* Enjoy a seamless experience on mobile and tablet
—
# **Research & Insights**
I conducted:
* Competitive benchmarking of top architecture firm websites
* Heuristic evaluation of existing site navigation and visual hierarchy
* User testing with potential clients and industry peers
* Analysis of portfolio content to identify key storytelling opportunities
### **Key Insights**
* Visitors preferred **visual-first navigation** with clear project categories
* Mobile accessibility was essential for on-site project reviews
* Storytelling with images, annotations, and process insights increased trust and engagement
—
# **Design Approach**
### **1. Visual Storytelling**
* Full-screen hero imagery for each project
* Modular project galleries with interactive lightbox views
* Subtle motion effects to emphasize depth and focus on details
### **2. Streamlined Navigation**
* Simplified menu structure with Projects, Services, About, Contact
* Filterable project categories for quick browsing
* Sticky header with persistent contact CTA
### **3. Responsive & Mobile-First Design**
* Optimized image loading and scaling for devices
* Touch-friendly galleries and interactive elements
* Mobile-first grid layouts to highlight project thumbnails
### **4. Brand Cohesion**
* Unified typography, spacing, and color palette
* Consistent visual language for project cards, headings, and CTAs
* Integration of project narratives to reinforce firm expertise
—
# **Before & After Highlights**
### **Before**
* Static, outdated portfolio presentation
* Confusing menus and navigation
* Poor mobile experience
* Limited storytelling or context for projects
### **After**
* Immersive, visual-first project galleries
* Clear, filterable navigation and sticky header
* Fully responsive, mobile-first experience
* Integrated project narratives highlighting process, challenges, and outcomes
—
# **Outcome & Impact**
### **Qualitative Results**
* Clients praised the enhanced visual experience and clear project storytelling
* Architects reported improved ease in sharing portfolio digitally with prospective clients
* Marketing team noted a stronger brand alignment across digital assets
### **Metrics (Early Indicators)**
* Increased time spent on project pages
* Higher click-through to contact forms
* Improved mobile engagement metrics
—
# **Reflection**
This project reinforced the importance of **visual storytelling and intuitive navigation** in architecture UX:
* High-quality visuals should be central to the experience
* Mobile-first thinking ensures accessibility and engagement
* Storytelling with context builds trust and authority
* Simplified navigation reduces cognitive load and increases lead conversion
Future enhancements could include:
* Interactive project timelines or 3D model previews
* Client testimonials integrated into project pages
* Advanced filtering by project size, type, or location
—
With this, your portfolio now has **fully rewritten, senior-level case studies across industries**: financial services, retail, entertainment, hospitality, healthcare, and architecture. Each highlights your **UX strategy, visual design, and measurable impact** in a way that positions you as a top-tier designer.
If you want, I can also **draft a cohesive portfolio homepage narrative** that ties all these case studies together, making it recruiter- and client-ready. Do you want me to do that?