Portfolio websites that present buildings, plans and drawings at full quality, load quickly on a phone and turn interest into enquiries your studio actually wants to take.
Custom builds for residential practices, commercial and civic firms and multidisciplinary studios, with a publishing system your team can run after handover.
An architecture website is judged on the work and the clarity around it
Visitors want to see buildings, understand how you work and know what happens if they get in touch. Everything else is secondary.
The work has to be seen properly
Clients judge a practice on the buildings. Photography, plans, sections and sketches need room to breathe, load quickly at full quality and stay legible on a phone rather than being squeezed into a stock gallery widget.
Different clients read the site differently
A homeowner planning an extension, a developer assessing site capacity and a procurement team scoring a bid are looking for different proof. The structure should let each of them reach the relevant work without wading through the others.
Process removes the fear of the unknown
Most private clients have never commissioned a building. Setting out stages, approvals, likely durations and how fees are structured turns a nervous enquiry into a considered one.
Enquiries need qualifying, not just collecting
A contact form that asks for a name and a message produces calls about projects you do not take. Capturing the site, the scope and the stage the project is at protects your team's time.
Who we build for
Practices across the profession
Residential and small studio practices
Private houses, extensions, conversions and small multi unit schemes. The website is usually the first and strongest sales tool the practice has.
Project stories that show before, during and completed
Plain language on stages, approvals and fee structures
Enquiry forms that capture the address and project stage
Commercial, education and civic practices
Workplace, education, healthcare and community work where a client team, a consultant panel or a procurement process is involved.
Sector pages that match how the work is commissioned
Team and capability content for bids and panel submissions
Downloadable capability material kept current and accurate
Multidisciplinary and design led studios
Practices combining architecture with interiors, masterplanning, landscape or heritage work, where the portfolio spans several disciplines.
Filtering by discipline, sector, scale and status
Research, journal and competition content given real space
A structure that holds a growing archive without collapsing
Structure
How we organise an architecture practice website
Most studio sites are a homepage slider and a flat list of projects. Rebuilding starts by deciding what each part of the site is responsible for.
Projects index
A gallery that can be filtered by sector, scale, status and discipline, built to stay fast as the archive grows and to give each project a clean, linkable URL.
Individual project pages
Photography, plans, sections and models with a short account of the brief, the site constraints, the response and the outcome. Credits for photographers, engineers and contractors included.
Services and stages
What the practice does at each work stage, from feasibility and planning through technical design and site inspections, written for clients rather than for other architects.
Practice and people
The story of the studio, the people who will run the project and the registrations the practice genuinely holds. No invented awards or numbers.
Journal and research
Competition entries, planning notes, material studies and completions. The content that keeps a practice site alive between project launches.
Enquiry and contact
A qualifying enquiry path with location, scope, stage and budget direction, plus a straightforward route for press, collaborators and suppliers.
Imagery
Presenting the work without slowing the site down
Large photography is the point of a practice website and the most common reason it loads badly. The image pipeline is part of the build, not an afterthought.
Full resolution photography delivered in modern compressed formats
Responsive image sizes so phones never download desktop files
Lazy loading below the fold with the lead image prioritised
Plans and drawings served as vectors where the source allows
Zoom and lightbox behaviour that works with touch and keyboard
Photographer and consultant credits stored with each project
Descriptive alt text written for every project image
A publishing flow your team can run without a developer
Plans, sections and sketches carry as much of the argument as the finished photography, so they are treated as first class content rather than gallery filler.
Enquiries
Turning interest into a project conversation
A visitor who has seen comparable work and understood the process arrives at the enquiry form already qualified.
The difference between a busy inbox and a useful one is what the form asks. Capturing the site, the scope and the stage a project has reached lets your studio lead decide quickly whether it is a fit, and lets the client know what to expect next.
Project location and site details captured at first contact
Scope, scale and current stage recorded in the form
Budget direction asked for in ranges rather than exact figures
Existing drawings, surveys or planning history uploaded
Enquiries routed to the right studio lead automatically
Response expectations stated clearly on the confirmation
Design direction
A second direction for a commercial and civic practice
A residential studio and a practice bidding for institutional work sell in different ways. This is a sector led direction, shown as a concept rather than client work.
ostellfenn.example/sectors
OOstell & Fenn
SectorsWorkStudioSubmit a brief
Commercial, education and civic
Architecture for organisations that build to a programme
Workplace, education and community buildings delivered with cost planning, stakeholder consultation and a documented approvals path.
Workplace
Education
Civic and community
How we work with clients
Brief and budget agreed before design begins
Options tested against programme and cost
Consultation and approvals managed in the open
Documentation coordinated with the wider team
Submit a brief
Tell us the sector, site and target programme.
Organisation
Sector
Site or location
Send brief
9:41
OOstell & FennBRIEF
Commercial and civic
Architecture built to a programme
Workplace, education and community buildings with cost planning and a clear approvals path.
Workplace›
Education›
Civic and community›
Refurbishment›
Submit a brief
Organisation
Sector
Send brief
Concept design: a commercial, education and civic practice leading with sectors, delivery method and a brief submission form. Illustrative example, not client work, and the practice shown does not exist.
Private clients respond to atmosphere and to seeing a house they can imagine living in. Client teams and procurement panels respond to sector experience, delivery method and evidence that programme and cost were held. The underlying order stays the same: show the work, explain how it happens, then make the next step obvious.
A visual identity built around your work, not a template
Portfolio filtering that matches how clients search
Project and journal components your team can reuse
One clear action per page for each audience
Standards
Performance, search and accessibility on every build
Speed with heavy imagery
Architecture sites fail on weight. We serve sized, compressed images, defer what is off screen and measure Core Web Vitals on real pages rather than trusting a theme demo.
Findable project pages
Clean URLs per project, descriptive titles, structured data for the practice and its work, and internal links from sector pages so the portfolio earns search traffic instead of sitting behind a slider.
Accessible galleries
Keyboard navigable galleries, visible focus, readable contrast over photography and alt text that describes the building rather than repeating the project name.
Mobile reading of drawings
Plans and sections are difficult on a small screen. We set sensible zoom, pan and caption behaviour so a phone visitor can still understand what they are looking at.
Content you control and own
An editor friendly content system for projects, people and journal entries, with your code, content and hosting configuration handed to you at launch.
Room to grow
Reusable project, sector and article components so a new completion or a new discipline can be published without rebuilding a layout.
Content
What keeps a practice site working between completions
Projects finish infrequently. The pages that hold rankings and bring clients back are the ones your studio is best placed to write.
Project pages that explain the brief, the site and the response
Guides to the design stages a client will go through
Notes on planning and approvals in the contexts you work in
Material and detail studies from live or completed projects
Practical advice on budgets, timelines and appointing consultants
Competition entries and unbuilt work presented as research
Process
How an architecture practice website gets built
01
Discovery
We review the work you want to lead with, the clients you want more of, the enquiries you want fewer of and how your team publishes today.
02
Structure and design
Portfolio structure, project page template, sector pages and enquiry path designed around your work, then agreed before build starts.
03
Build and migration
Custom build, image pipeline, content system and migration of the existing archive with redirects for any URL that moves.
04
Launch and support
Testing across devices, training for whoever publishes projects, then ongoing support, monitoring and improvements after launch.
After launch
Keeping the portfolio current and fast
New completions published with correctly optimised imagery
Image and gallery performance rechecked as the archive grows
People, credits and capability content kept accurate
Enquiry forms tested after any change to your workflow
Dependency updates, security patching and uptime monitoring
Search and conversion review of the projects and enquiry paths
Tell us about the work you want to lead with, the clients you want more of and how your team publishes projects today. We will come back with a scope and a fixed quote in writing.
Prospering Digital is a website design and development company. We do not provide architectural services. The practices shown in the concept designs on this page are illustrative and do not exist.
Fixed scope before work starts Senior team, direct contact You own everything at launch Mobile-first delivery Support after launch Reviewed August 2026