CBD Architecture — Website Design & Webflow Development

Project Overview

CBD Architecture is a Manchester-based architectural design studio working across residential, commercial and development projects.

After the company gained exposure through a well-known YouTube creator, I approached Brad at CBD Architecture and was selected to design and develop a completely new website for the business.

The aim was to create a more professional and visually refined online presence that reflected the quality of the studio’s work, communicated its design philosophy and provided a flexible platform for showcasing future architectural projects.

The Challenge

Architecture is an extremely visual industry, so the website needed to give completed projects and concept imagery enough space to make an impact.

At the same time, the site needed to communicate more than aesthetics. Prospective clients needed to understand the studio’s areas of expertise, its approach to design and the different stages involved in taking a project from early concept through to construction and handover.

The challenge was to organise detailed project information without creating a website that felt crowded, technical or difficult to navigate.

Design Approach

The design was built around a minimal, editorial visual system that placed architectural imagery at the centre of the experience.

Large project visuals, clean typography, generous spacing and a restrained colour palette created a premium feel while allowing each scheme to retain its own character.

The homepage introduced the studio through its three core sectors — commercial, development and residential — before guiding visitors into featured projects, the architectural process and the company’s design philosophy.

Architectural Process

A key section of the website presents CBD Architecture’s project process as three clear stages:

0–2 — Concept Design
Initial ideas, design direction and early project development.

3–4 — Spatial / Technical Design
Refining layouts, technical details and practical requirements.

5–7 — Construction / Handover
Supporting the project through delivery, completion and handover.

Presenting the process visually helps potential clients understand how the studio works without overwhelming them with technical information.

Project Portfolio

The website includes a dedicated project portfolio divided into residential, commercial and development categories.

Visitors can filter the work by sector and explore projects including Ducie Street, Ivy Mill, Knowels Farm, Mottram Road, Beech Hill and The Dingle. This provides a much clearer overview of the company’s capabilities while making it easier for prospective clients to find relevant examples.

Project Case Studies

Each architectural project was given its own structured case-study page.

The layouts include:

• Client and project information

• Location and project type

• Date and current stage

• Detailed project background

• The original client brief

• Architectural concept imagery

• Supporting project photography

• Related project recommendations

For example, The Dingle case study explains how CBD Architecture transformed an open brief for a three-bedroom property into a substantially redesigned six-bedroom family home with glazed entrances, stone bays, a double garage and dedicated living spaces.

Webflow Development

The website was designed and developed in Webflow, allowing every page to be created around CBD Architecture’s content rather than forcing the business into a standard template.

A flexible CMS-driven structure was used for the architectural portfolio, making it easier to add new residential, commercial and development projects over time while maintaining a consistent layout.

The build was also adapted across desktop, tablet and mobile to ensure the project imagery, navigation and written content remained clear at every screen size.

User Experience

The user journey was designed around the key questions a prospective architectural client is likely to have:

• What type of projects does the studio undertake?

• What does its previous work look like?

• How does the design process work?

• What level of detail is included in each project?

• How can I discuss a potential site or development?

Clear navigation, project filtering and enquiry forms help visitors move naturally from discovering the studio to exploring relevant work and making contact.

Key Features

• Custom Webflow design and development

• Residential, commercial and development categories

• Filterable architectural project portfolio

• CMS-powered project case studies

• Featured projects on the homepage

• Visual architectural process timeline

• Detailed client brief sections

• Large image-led project galleries

• Related project recommendations

• Site-address enquiry form

• Responsive desktop and mobile layouts

• Scalable system for future case studies

Final Result

The completed website gave CBD Architecture a much stronger and more professional digital presence during a period of increased exposure.

The final design presents the studio as an established architectural practice, makes its range of work easier to explore and explains its approach in a clear, visually engaging way.

By combining an image-led design with a flexible Webflow portfolio system, the website provided CBD Architecture with a platform that could continue growing alongside the studio and its future projects.