# Architecture firm website example

An architecture firm website has to show finished work, explain how a project runs from brief to completion, and make it easy to start an enquiry. This sample does all three for Northlight Architects, a fictional practice: AI Web Maker built its 5 pages in 46 seconds.

Live sample: https://aiwebmaker.co/sample-websites/architect-website-sample

Everything on the sample is real output of the builder. We described a practice that designs homes, extensions and commercial buildings and guides clients through planning permission, and it planned the pages, wrote the words, chose the images and added an enquiry form. Nothing was edited by hand, so what you see is what an owner gets before making it their own.

Open the live sample to click through it as a prospective client would. Its forms run in demo mode, so nothing is sent, and every project, person and detail on it is invented.

## What is on this sample website?

| Page | What it is for | Sections |
|---|---|---|
| Home | Considered buildings for the places people share | A building should earn its place on the street; What we offer; Selected work; How a project moves; The practice; Start an enquiry; Get a website like this for your business |
| Projects | Our Projects | Selected Work; Have a project in mind?; Get a website like this for your business |
| Services | Architectural services from first brief to completion | How a project moves forward; Explore further; Ready to talk about your project?; Get a website like this for your business |
| About | About the Practice | Our Story; Design Philosophy; Meet the Team; Ready to Start a Conversation?; Get a website like this for your business |
| Contact | Contact Northlight Architects | Get in touch directly; Send an enquiry; Where we work; Looking for something else?; Get a website like this for your business |

## What does an architecture firm website need?

### Selected work that shows the quality of the buildings

Clients judge an architect by what has been built, so finished projects belong at the front. The sample puts a Selected work section on the homepage and gives the Projects page a full showcase. On a real website each project should use real photographs of the finished building, ideally taken by a professional, with a short note on the brief and the result.

### Services explained from first brief to completion

Many clients have never hired an architect and do not know what the work includes. The sample's Services page is titled around the whole journey, from first brief to completion, and covers homes, extensions and commercial buildings, so a visitor can tell quickly whether the firm takes on their kind of project.

### A plain account of how a project moves

A building project is a long commitment, and uncertainty about the process puts people off. The sample has a How a project moves section on both the homepage and the Services page, setting out the stages in order so a client knows what happens after they get in touch.

### Planning permission explained without jargon

Guiding clients through planning is a large part of the work, and it worries many of them. The sample names planning support as part of what the firm does and places it within the project stages. A real firm should say plainly which kinds of planning work it handles and be honest that outcomes depend on the local authority.

### The people and the thinking behind the work

Hiring an architect is a personal decision, so clients want to know who they will be working with and how that person thinks. The sample's About page has Our Story, Design Philosophy and Meet the Team sections. On a real website these should show the actual architects, their qualifications and their real photographs.

### An easy way to start an enquiry

Most architecture clients begin with a conversation about a brief, not a booked slot. The sample ends pages with prompts such as Have a project in mind? and Ready to talk about your project?, and the Contact page offers both direct contact details and a Send an enquiry form. Asking for a few details about the site and the aims saves time on both sides.

### Honesty about the work you show

Only show projects the firm has the right to show, and ask clients for permission before publishing photographs of their homes. Credit collaborators such as engineers and photographers where it is fair to do so. The sample's projects are invented because the practice is, so a real firm should show only its own completed or clearly labelled work.

### Practical details, and a way to be found

The sample has a Where we work section on its Contact page, which tells visitors whether the firm covers their area. To be found locally, the firm's name, address and contact details should match its Google Business Profile exactly, and each service and project page should say clearly what it is about.

## Guides to building a architecture firm website

- [Drawings Into Commissions: Building an Architecture Firm Website](https://aiwebmaker.co/blog/professional-services/architecture-firm-website): Build an architecture firm website that shows projects with the brief and result, explains your stages and fees, and starts real enquiries. A page-by-page plan.

## Everything else for your architecture firm

- [Architecture Firm Company Profile Sample](https://aiwebmaker.co/ai-company-profile-generator/architecture-firm-company-profile-sample): An architecture firm company profile sample showing what clients read, from services and planning support to how you work, plus a tool to make yours.
- [28 Architecture Firm Name Ideas and How to Pick Yours](https://aiwebmaker.co/ai-domain-name-finder/architecture-firm-name-ideas): Architecture firm name ideas that borrow the language of drawing and building, with a live domain check on each and five tips on titles and trust.
- [Architecture Firm Marketing Plan: A 90-Day Sample](https://aiwebmaker.co/ai-online-marketing-strategy-generator/architecture-firm-marketing-plan): Architecture firm marketing plan sample with the searches clients type, the pages a website needs and a 90-day plan to bring more calls.
- [Architecture Firm Social Media Strategy](https://aiwebmaker.co/ai-social-media-marketing-strategy-maker/architecture-firm-social-media-strategy): Architecture firm social media strategy for a sample practice: where to post, what to show and four weeks of captions, then make your own in a minute.

## Frequently asked questions

### What pages should an architecture firm website have?

Most firms need a homepage, a projects page, a services page, an about page that introduces the team and its approach, and a contact page with an enquiry form. The sample has exactly these, plus a section on the homepage that shows how a project moves from first conversation to completion.

### How long does it take to build an architecture firm website with AI Web Maker?

This sample took 46 seconds to go from a short description of the practice to a finished website. An owner then adds their real projects, photographs, team and contact details in the editor and previews everything before going live.

### How much does an architecture firm website cost with AI Web Maker?

Building and previewing a website cost nothing. Going live costs $119 a year of hosting, and the domain name is paid separately. Optional AI work, such as extra blog posts, is paid with credits of about $0.65 each.

### Can clients send an enquiry through the website?

Yes. The sample's Contact page has a Send an enquiry form beside direct contact details, and most pages end with a prompt to start a conversation. On this sample the form runs in demo mode, so nothing is sent.

### Is Northlight Architects a real firm?

No. Northlight Architects is a fictional business made to show what an architecture firm website built with AI Web Maker looks like. Its projects, people and contact details are invented, and the sample itself is kept out of search results.

Updated 2 November 2026 · AI Web Maker