The 20 Most Stunning Architecture Websites + Tips To Create Yours

If you want to show people that you are a professional, you need to create an architecture website. Check out this article with the best 20 examples to get a boost of inspiration!

Creating an architecture website is an important milestone in every architect’s career. Having one is a statement in itself: you are professional and dedicated to what you’re doing. 

Now, you may think that creating your architecture portfolio website is too daunting, but we’re here to demystify the process and help you get started. Therefore, we’ve rounded up the 20 best architecture websites to give you a boost of inspiration and our top tips on how to get started with yours.

Here’s what you’ll read about:

Want to get started with your architecture portfolio right away? Then check out Archifolio! It’s a website builder tool specifically designed for architects and interior designers. What’s more, it’s super quick and free.

Build your portfolio website in no time with Archifolio. Button label: Create your portfolio

The 20 Best Architecture Websites You’ve Ever Seen

1. EFFEKT

Screenshot of the architecture site of EFFEKT

EFFEKT is a Copenhagen-based architecture studio, whose name comes from the Danish word “effekt”, meaning impact. This impact is evident from their architecture website. No wonder they earnt the first place on this list.

They have a clutter-free and user-friendly site. It’s super easy to navigate and to find what you are looking for. And the best part is, that they made looking through the images so much easier because they added a thumbnail and a gallery view as well.

2. Oladimeji Ladejobi

Screenshot of the architecture website of Oladimeji Ladejobi
Created with Archifolio

Oladimeji Ladejobi is a talented architect and 3D visualiser. His personal portfolio is extremely professional, clear, and simple. He used Archifolio to create his portfolio and the end-result is stunning.

3. Pattersons

Screenshot of the architecture website of Pattersons

Pattersons Associates Architects is an architecture studio based in New Zealand. Their website evokes a sense of belonging just like their architectural designs.

Everything on their website ties together nicely with the grayscale filter, yet their colorful hover states provide some liveliness and playfulness. The navigation bar on the top allows easy and clear navigation and the large images catch the attention of the viewers.

4. OHPD

Screenshot of the architecture website of OHPD

Oh planning+design, architecture (OHPD) is a Portland-based architecture studio with an amazing-looking website. It’s interactive and youthful and gorgeous. Their projects are well-structured, with the most important details right at the beginning. In addition, they have separate pages for their services, which makes it really easy to find the most relevant information.

5. Cedrus

Screenshot of the architecture site of Cedrus Architects

Cedrus is a Tehran-based design company with a simple, but compelling website. Immediately as you enter, you can see the amazing projects they have with eye-catching images. Plus with the navigation bar on the left, all the information is at hand. 

6. Centric Architecture

Screenshot of the architecture website of Centric Architecture

Another stunning website is the one by Centric Architecture, which is a firm based in Tennessee. They have a clear layout with the yellow accent color popping on the dark background. We especially love the way the people working there are portrayed throughout the site. This friendly introduction is what makes it feel like their doors are always open.

7. Scott Shields Architects

Screenshot of the architecture website of Scott Shields Architects

Scott Shields Architects is a boutique award-winning design firm headquartered in Toronto. Their architecture website is breaking the rules exactly the right way. It has the navigation on the right, which is very unique and eye-catching.

8. Kristoffer Tejlgaard 

Screenshot of the architecture site of Kristoffer Tejlgaard

Kristoffer Tejlgaard is a Denmark-based architect challenging the standardized construction methods in the industry. His website is clear and easy to navigate. His projects are the protagonists of his site and indeed, they shine bright.

9. Olson Kundig

Screenshot of the architecture website of Olson Kundig

Olson Kundig is an internationally recognized architecture firm with a stunning website. Their layout is clear and simple, and their images get the proper amount of white space. They added animations, but these are so subtle that they aren’t at all distracting and make the site lively.

10. Largo Studio 

Screenshot of the architecture website of Largo Studio

Largo Studio, the Tokyo-based firm, has a unique interior design portfolio website. They have some sophisticated animation and breath-taking imagery.

11. Riva Cantu

Screenshot of the architecture site of Riva Cantu

12. PG Arquitectos Associados

Screenshot of the architecture website of PG Arquitectos Associados

13. Tyler Karu

Screenshot of the website of Tyler Karu

14. Interior Architects

Screenshot of the website of Interior Architects

15. Decor Systems

Screenshot of the architecture website of Decor Systems

16. Signum Architecture

Screenshot of the architecture website of Signum

17. MMBB

Screenshot of the architecture website of MMBB

18. SOM

Screenshot of the architecture website of SOM

19. Bunker Arquitectura

Screenshot of the architecture website of Bunker Arquitectura

20. Rogers Stirk Harbour + Partners

Screenshot of the architecture website of Rogers Stirk Harbour + Partners

Get Started Creating your Architecture Website – Step-by-step guide

Feeling inspired yet? Now that you saw what others did, it’s time to get started with your own architecture website.

We’ve outlined the most important phases of the website creation process below, so you have a good idea of what you should do next.

1. Start with the why

Before getting into the nitty-gritty details, first you need to identify why you are creating your website:

  • Are you looking to land a job at a cool architecture studio and you need an architecture portfolio that stands out from the crowd? 
  • Do you want to land freelance work and find new clients? 
  • Would you like to build your personal brand and need a platform to introduce yourself to the world? 

Whatever it may be, you’ll need to keep in mind your audience before thinking about the design.

2. Choose a website builder that works for you

There are countless website builders out there, and it’s easy to get lost in which one would work best for you. A few years ago creating a website required coding skills, UX knowledge, and graphic design skills, but today it’s getting easier. 

If you’ve never built a website before or you’ve tried, but with little success, we recommend building your site with Archifolio. Here’s why:

  • what-you-see-is-what-you-get editor,
  • specific features for the architectural industry,
  • intuitive user interface free of coding jargon,
  • guidance on creating a stunning portfolio + writing prompts,
  • custom domain option,
  • fast loading and editing.

Give Archifolio a go and create your amazing website quickly and easily.

We help you tell visual stories quickly and easily. Button label: Create your portfolio

3. Create the essential pages

Once you signed up to Archifolio and created the base of your website, it’s time to fill it with content. Depending on your why, you may want to have an About page, a Contact page and/or a page for your extracurricular projects.

4. Create your project pages

And last, but definitely not least, come your project pages. Hands down they are the most crucial elements of your architecture site.

Let’s see an example of a great project page:

What Cedrus did right:

  • Clear portfolio layout,
  • Large hero image of the finished building on the top of the page,
  • Listing the most important information right at the beginning,
  • Including heaps of images (not just of the end-result, but technical drawings as well),
  • Embedding two other projects at the end, and
  • Placing their email address at the bottom of the page.

What could be improved:

  • Placing important information in the image captions to give context,
  • Including 1-2 sentences about the outcome 
    • Did they finish the work under budget? 
    • What was the biggest challenge? 
    • Was the client happy with the end result?

What Makes a Good Architecture Website? – Our Top 3 Tips

1. Organization

People come to the website for a reason. Make sure that they find what they are looking for. It’s best not to start with an artistic cover page, but rather your projects or project categories laid out in front of your audience.

2. Good Loading Speed

It’s crucial to have a fast website. The hard truth is that if a site loads slowly people will leave it. Plus, loading speed is also important for Google ranking and the overall user experience on your website.

There are a couple of things that you can do (e.g. compress your images), but loading time is mainly influenced by the code behind it. If you want to make sure that your architecture website is blazing fast, build it with Archifolio. You just bring your projects and we’ll take care of the coding.

Find a design and fill it up with your projects. It's that easy. Button label: Create your portfolio

3. Personality

Your website presents you as a professional and therefore, it should reflect your design style as well. So, for example, if you’re creating minimalist building designs, your portfolio should be clear and simple too.

6 Things to Avoid

1. Breaking all the website design rules

You may have seen architecture websites that are all about artistic components, constant animations and disappearing elements. You may be wowed for a moment or two by the innovation, but if you spend more time on the site, you’ll get lost at some point.

People quickly get frustrated with an over-complicated website. They want to understand how to get where they want to go and the best way to help them is to follow the most common website architecture rules. It’s OK to break them a bit to be unique (e.g. finding a bold color or experimenting with the image size), but don’t go overboard.

Choosing Archifolio, as your architecture website builder, will ensure that you have all the basics covered. You won’t be tempted to design something that won’t be understood by your audience, but you still get the freedom to design something unique and relevant. Give it a go and sign up for free.

Build your portfolio website in no time with Archifolio. Button label: Create your portfolio

2. Hiding the most important information

You know that it’s not a great website if you’re looking for the contact information and you can’t find it. Think about what your audience is interested in and make it easily accessible.

3. Vague or incomprehensible navigation

Use the lingo that your audience speaks. If they are interested in your extracurricular, then don’t just put it on a page that’s titled “other”.

4. Making it look busy

If you make your website look busy with way too much information, people won’t understand half of what you’re trying to say. Rather, aim to keep it short and to the point.

5. Poor quality images

Pixelated images can make the whole architecture website look sloppy. Make sure to pay attention to the quality of the image when compressing it.

6. Unreadable fonts

We get that some architects try to be artsy with their choice of fonts, however, in many cases they end up with a fancy-looking font that misses one important aspect: readability. Find a font that’s legible, and make sure to choose the right font size.


So, there you have it. We hope that you got enough inspiration from the examples to start working on your architecture website. If you’re itching to start right away, give Archifolio a go. Sign up, choose a portfolio template to start, and create something unique! 

Create your portfolio website with Archifolio in 30 minutes. Button label: Create your portfolio
Author's profile picture

Fanni Szalkai

Online Marketing Manager at Archifolio and a huge fan of architecture and interior design. 🛋 🏛 Get in touch if you have any questions at fanni.szalkai@archifol.io.