← All website examples

Architecture · Interactive demo

Form & Field

Explore a fictional architecture portfolio. Filter by project type and open a brief to see the ideas behind each space.

Self-initiated concept · Fictional business
Interactive website demoFictional architecture practice
Form & Field

Space to
feel at home.

AI-generated architectural concept: a low stone house in a sunlit grassland

Considered spaces.

Choose a project type, then open a brief to explore the design thinking.

4 fictional projects shown.

Home · Fictional brief

The Meadow House

A fictional home shaped around light, landscape and everyday life.

Project brief for The Meadow House
The brief

Imagine a family home with a shared kitchen at its heart and quieter rooms facing the garden.

Design direction

Arrange the rooms around a sheltered terrace, with a deep roof overhang and a simple palette of stone and timber.

Workspace · Fictional brief

The Courtyard

A fictional shared workspace with a quiet garden at its centre.

Project brief for The Courtyard
The brief

Give a small group of independent businesses places to work together, meet visitors and concentrate alone.

Design direction

Set shared rooms around the courtyard, with smaller workrooms along the outer edge and clear routes between them.

Home · Fictional brief

The Orchard Extension

A fictional addition that connects an existing house to its garden.

Project brief for The Orchard Extension
The brief

Create room for cooking and gathering while keeping the character of the original house.

Design direction

Use a low garden-facing addition, a window seat and a clear junction between the existing brickwork and new timber structure.

Workspace · Fictional brief

The Garden Studio

A fictional garden workshop for making, storing and sharing creative work.

Project brief for The Garden Studio
The brief

Bring a workbench, materials storage and a small meeting space together in one compact room.

Design direction

Keep the centre open for a flexible worktable, place storage along one wall and frame a view of the garden from the desk.

An interactive demonstration using fictional briefs. These are design ideas, not completed buildings or client commissions.

What this approach offers

Put your work
in the foreground.

For an architectural practice, the website needs to introduce the work and the thinking behind it. Large images make room for the materials and setting, while short project descriptions give visitors a way into each story.

This fictional example pairs a warm palette with expressive serif type. The working project browser lets visitors choose homes or workspaces, then open individual briefs without leaving the page. Selecting “All projects” restores the full list.

  • Project imagery presented at a useful scale
  • Project filters with a visible result count
  • Expandable briefs that keep the project list easy to scan

This is a self-initiated demonstration with fictional project briefs and AI-generated architectural imagery. It is not a real practice or commissioned client work. No client results are claimed.

A website for your business starts with its own audience, content and scope.

See website services

Your next step

Your website.
Let’s talk it through.

Choose a starting point, then discuss the work with Caleb.
A written quote comes before any payment.

Discuss your website

No order is placed when you choose a service.
You can also call 07388 092152.