Architecture firm portfolio website example
Allen+Pepa Architects is a full-service architecture firm based in Geneva, Illinois, whose portfolio spans eight project types from luxury retail and dealership buildings to healthcare facilities, educational centers and historic adaptive reuse. The site opens with a full-bleed project slideshow on a black background, immediately communicating the firm's range.
The Portfolio page uses a horizontal filter bar to sort projects by type, displayed above a dense mosaic image grid. It is an architecture portfolio website that puts filtering first, helping each visitor quickly find the work most relevant to their project.
Ready to build your own architecture portfolio website?
Commercial architecture portfolio website design
The site uses a black background throughout, with the ALLEN+PEPA ARCHITECTS wordmark set in white beside a minimal architectural icon at the top left. A horizontal navigation bar links to the Portfolio, Team, Blog and Contact pages. The dark palette makes the vivid project photography — warm interior lighting, sunset exteriors, bold commercial finishes — stand out immediately.
The Portfolio page places a project type filter bar at the top — Commercial & Retail, Healthcare, Educational & Daycare, Historic & Adaptive Reuse and more — above a mosaic image grid where each tile fills its cell edge to edge. The layout creates a dense, visually rich overview that rewards browsing by type.
The architecture firm behind the portfolio
Allen+Pepa Architects is a full-service firm based in Geneva, Illinois, with a portfolio spanning commercial retail, corporate and industrial buildings, healthcare facilities, educational and daycare centers, historic adaptive reuse, municipal and planning projects, and multi-family housing.
Recent projects include the Genesis of Highland Park luxury car dealership — a floor-to-ceiling glass building photographed at sunset — alongside the Guidepost Montessori campus expansion, outdoor hospitality pergola venues, wellness and healthcare interiors, and commercial bar renovations. The breadth of the portfolio reflects a generalist practice comfortable at multiple building scales and types.
Who this website is a good example for
Architecture and design firms with a broad practice. The filterable portfolio is a practical model for firms with many project types who need to help visitors find relevant work quickly. The filter-first approach removes the friction of scrolling through hundreds of mixed images.
Commercial architecture practices. The portfolio includes car dealerships, medical spaces, school buildings and retail — project types that serve different decision-makers. Organizing by category lets the firm speak to each audience without building separate pages for each service.
Firms targeting institutional and municipal clients. The Healthcare, Municipal & Planning and Educational & Daycare filters make these specializations immediately visible. Any architecture firm pursuing institutional or public-sector work can draw from how the portfolio makes each practice area discoverable at a glance.
Architecture portfolio website ideas
Use category filters instead of a single gallery. A filterable portfolio lets each visitor self-select into the project type most relevant to them. For architecture firms with a broad practice, this is a more useful layout than a chronological list that forces every visitor to scroll through everything.
Let project photography fill the frame. The Portfolio grid uses edge-to-edge images with no padding or overlay text, maximizing visual impact. For architecture and interiors portfolios, full-bleed photography with minimal UI interference lets the spatial quality of the work come through.
Contrast a dark brand palette with bright project photography. The black site background makes vivid project photography — gold interior lighting, sunset skies, bold commercial finishes — stand out immediately. A dark palette works particularly well when the portfolio imagery is colorful and high-contrast.
Name portfolio sections by building type, not by service. Using labels like Healthcare, Educational & Daycare and Historic & Adaptive Reuse on the filter bar speaks the language of potential clients who think in terms of building type. This framing makes the firm's expertise immediately readable without a single word of copy.
Learn more:
