# Formstead Studio: Architecture studio website (demo)

URL: https://dev.symelo.com/demos/architecture

A gallery-led portfolio where the work is the argument and every project leads to a conversation. A project index you can read as a list, a wall of images or a site plan, with images revealed on hover or focus.

Formstead is a fictional architecture and interiors studio with nine projects. Its clients are commissioning something personal and expensive, so the site has to show finished work with care and make starting a conversation feel natural.

- Industry: Professional services
- Main action: Discuss a project
- Signature interaction: A project index you can read as a list, a wall of images or a site plan, with images revealed on hover or focus.
- Shows off: Journal & case stories, Search & filters, Enquiry & lead forms
- A starting point for: Architects, Interior designers, Builders and developers, Photographers, Landscape designers

## The journey

1. Browse the index as a list, images or a site plan
2. Filter by typology, status or year
3. Read a project story with drawings
4. Send an enquiry about that project

## Key features

- **Three ways to browse**: Index, Images and Site plan views, with an image revealed as you hover or focus a project.
- **Filters and search in the address**: Typology, status and year filters plus search, kept in the URL so a selection can be shared.
- **Project stories**: Chapters, plan and section drawings, a lightbox and the materials used.
- **Referenced enquiry**: The contact form carries the project a visitor came from, and they can change it.

## Pages included

- [Home](https://demos.symelo.com/architecture/en)
- [Projects](https://demos.symelo.com/architecture/en/projects)
- [Project story](https://demos.symelo.com/architecture/en/projects/courtyard-house)
- [Studio](https://demos.symelo.com/architecture/en/studio)
- [Services](https://demos.symelo.com/architecture/en/services)
- [Contact](https://demos.symelo.com/architecture/en/contact)

## Links

- [Live demo](https://demos.symelo.com/architecture/en)
- [Discuss a site like this](https://dev.symelo.com/contact?demo=formstead)
- [All website demos](https://dev.symelo.com/demos)

## Related pages

- [All tools](https://dev.symelo.com/tools)
- [Agent documentation](https://dev.symelo.com/llms.txt)