Architecture practice / Website design

Explore the work.
Prepare the brief.

We built the architecture practice's website around an editorial index and developed project pages.

Cultural and workplace filters offer an entry point, while each study carries its own area, brief and response.

Original illustration · Architecture practice

PROJECT TYPE: Website design & front-end development
DOMAIN: Architecture practice
DESIGN FOCUS: Turning an architecture portfolio into a project conversation

01 / THE DESIGN DECISION

A project index with depth behind it.

Precise monochrome typography and a restrained chartreuse accent give drawings and imagery room to work. We then used the enquiry to connect that visual exploration to a prospective project's context. The site supports looking closely at the practice before starting a conversation about fit.

02 / THE BUILD

The pages we designed.

The build brings practice overview, design approach, project enquiry, project study, practice team and selected projects into one website.

01 / Page

Practice overview

View the screen ↓

02 / Page

Design approach

View the screen ↓

03 / Page

Project enquiry

View the screen ↓

04 / Page

Project study

View the screen ↓

05 / Page

Practice team

View the screen ↓

06 / Page

Selected projects

View the screen ↓

03 / PROJECT NOTES

Project scope.

We designed and built 6 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.

The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.

The gallery shows our rendered pages with identifying details masked.

06 / ON SCREEN

A closer look.
Page by page.

Start with the home page, then explore the details. These are screenshots of the original website, with names, contact details and identifying information blurred for privacy.

6 views Select any view to explore