Metcalfe Architects
Rebuilding the digital home for a firm that designs experiences, not just buildings.
(ARCHITECTURE)
Metcalfe is a Philadelphia-based experience design firm creating powerful physical environments for schools, museums, hospitals, and cultural institutions — combining architecture, exhibition design, and graphic design into spaces that put people, learning, and engagement at the center.
The Project
New Website Launch
What we did
01 Content Strategy & Architecture
02 UX Strategy & Wireframing
03 Content Strategy & Architecture
04 Webflow Development
Content Strategy
Parts & Labor
Content Audit & Migration Planning
Sitemap & Information Architecture
Project & Category Taxonomy
Portfolio & Blog Structure
Messaging & Web Copywriting
Metcalfe arrived with decades of work spanning cultural institutions, K-12 and higher education, museums and exhibits, healthcare, master plans, and corporate spaces — a deep, category-rich portfolio that needed structure. We audited the existing content, planned its migration, and rebuilt the site's information architecture around the way Metcalfe's clients actually search: by discipline, sector, and project type. The result is a framework that makes the firm's breadth easy to navigate and each project easy to find.
UX Strategy & Design
Parts & Labor
UX Strategy & User Flow Mapping
Filterable Project Taxonomy
Low-Fidelity Wireframes
Responsive UX Considerations
With so many projects across so many categories, browsing had to feel effortless. We mapped user journeys for the firm's key audiences and designed a filterable, category-driven portfolio experience that lets visitors move fluidly between sectors — while surfacing testimonials and the narrative behind each project. Every flow was built responsive-first, so the experience holds up from desktop to phone.
Website Design
Parts & Labor
High-Fidelity UI Designs
Custom Website Design
Portfolio & Project Page Design
Blog & Editorial Templates
Working within Metcalfe's established brand, we designed a site as considered and expressive as the firm's own work. Large-format imagery leads, letting the architecture, exhibits, and environments speak for themselves, while clean, flexible templates give the portfolio, project pages, and blog room to breathe. The design elevates the work without competing with it.
Website Development
Parts & Labor
Webflow Development
Filterable Project Library
CMS Implementation
Blog & Editorial CMS
Responsive Development
SEO Optimization & Performance Testing
We designed and developed the new site on the Webflow platform, pairing a filterable project library with a flexible CMS the Metcalfe team can grow on their own. Projects, categories, and blog posts are all fully manageable in-house, and the build is optimized for speed, search, and a seamless experience across every device — a digital home as intentional as the experiences Metcalfe builds.
