Whether you’re new to the world of architecture and you want to learn how to create your own architect website or improve your current one, the best way to ensure the success of your organization is to optimize its website.
When hiring architects, users go through the following three stages:
The purpose of these stages is to act as a filter, with the number of potential users dwindling with each stage that follows, as people get their questions answered and either hire an architect or they delay or cancel that project.
Architecture websites quite often follow the same basic layout – about us, services, and portfolio pages. Most of them have the following attitude “People will hire us for new projects if they like our existing projects.” But this doesn’t always apply!
This is what is known as a brochure website – it offers pretty much the same amount of content as a physical brochure.
Architects usually design an architect website for architects instead of for users. These websites only tell your story, but users aren’t interested in that – they instead want to know what you can do for them! Your website’s focus should be on gaining the trust of potential users that you’ll be able to meet their projects’ goals.
You should consider the following criteria when creating great architectural websites:
This page will give you an overview of why architecture website design is the foundation of your organization’s online marketing plan, and why it’s important for all the various elements to cooperate to produce a user-friendly website for your users.
Numerous architects still view their websites as digital monographs—hero images smack down in the middle, surrounded by design philosophy and descriptions. ic project images front and center, with descriptions and design philosophy at the margins. However, more and more organizations are becoming fed up with the limitations of the “grand showcase”.
Your organization may have many good stories to tell, but this cannot be achieved through conventional architectural portfolio websites. Most architecture websites tell their stories in the same way. It’s time for us to take that storytelling further down the road.
When Seattle-based NBBJ revamped its website at the beginning of 2013, it wanted to get rid of Flash. However, the organization also wanted to get across the research and ideas backing its portfolio. Their current homepage will direct you towards an interview with its architects or a blog article.
Images don’t tell stories, stories tell stories. Increase your text’s value and more people will be looking at your images. You need to find a balance between the two.
Flash might seem like a good way to give websites a smart appearance, but it can seriously hinder usability. Flash sites cannot be navigated by screen readers, it’s challenging for your pages to be indexed by search engines, visitors are unable to save your images to their devices or send them to friends, and certain mobile devices cannot access them.
An architect website will usually be a one-hit wonder. When viewed for the first time, you’ll love how they look, but you’ll never visit them again. They have no community following or interaction and are basically just static calling cards. The best architecture websites regularly provide value to their visitors.
The vast majority of architects websites are infrequently updated after going live. It’s far too often that we come across websites featuring renderings from nearly two decades ago with zero follow up.
Your website shouldn’t just be a static object, it should be engaged by your visitors.
You fall into the first category if you update your projects all at once and update your website once a year. Smaller updates on a frequent basis would be better for you. The second part of this approach to ensuring some form of user interaction. This can be achieved with the help of email “opt-in” forms and social media.
Here are some ideas for content that you could include in your architect website:
Every architect website has the same About page. You can be certain that they’ll include something about them being an interdisciplinary organization with many awards and a wide variety of successful projects. Visitors are none the wiser after reading this, and Google won’t receive any keywords that will pop up when users search for particular needs.
Your visitors need to feel like they’re interacting with an actual person instead of a faceless organization, and interaction can be achieved through first-person narratives and editorial content. Here’s some advice:
Usability is so much more than a buzz word, it’s a focal point of architect website design. Users have access to a lot of information in this digital age. If your site isn’t user-friendly, potential users will be put off. Here are some tips to boost your site’s user experience:
Prompts should be included to motivate your visitors to interact with your organization through your website. Make sections such as “Contact” or “Tell Us About Your Project” your focal points to make it easy to contact you.
Bonus tip: Include options for “contact me in (1 month), (2 months)” etc. so that potential users visiting your site that are not yet ready for your help can contact you when it best suits them. Ensure these requests are followed through and that you actually contact them as promised, which will show them that you make good on your word!
A fantastic way to establish credibility and gain trust is through testimonials. are a great way to help people trust you more and establish credibility. Testimonials are successfully employed by other industries, so why shouldn’t architecture sites use them?
Here are some of the best architect websites we’ve come across online. Some have unique UI designs, others are outstanding visual works of art, and some are user-friendly.
The site has a simple and aesthetically pleasing welcome page, with clear call-to-actions allowing you to interact via social media and newsletter updates. The home page gets off to a strong start by asking prospective users precisely what they’re looking for. Featured blog posts give users insight into informative content that answers prospective users’ questions.
This site doesn’t overwhelm visitors with every single project the organization has completed. Each project contains just the right amount of relevant information without going into too technical and unnecessary details that clutter up the page.
Bunker Arquitectura’s website beautifully balances visual impact and usability thanks to combining a wonderfully-designed menu in the top right with many large-format galleries and slideshows throughout. You get a glimpse of the organization’s personality thanks to a prominent part of the menu being dedicated to their ‘’Bunkertoons’’
Free cheat sheets available
Subscribe to download a set of cheat sheets for CSS, JS, and HTML
You'll receive an email with the cheat sheets in an instant.