Architecture is the science of art in nature. Architects blend algebra, geometry, and trigonometry, with concrete, glass, wood, plastic, light, and more to create art based on the shapes of the natural world. It creates art that people can touch, art that people can be a part of.

So why let average website designs mask the potential in your architectural art?

In today’s world, it’s as easy to build a website as it is to drag and drop icons on a desktop. Online marketing providers have web tools that let you visualize what you’re building as you’re building it. You can customize fonts, layouts, colors, animations, and more.

Taking advantage of social media ads, business social media pages, online marketing, and other web resources can take your architecture firm from a talented group or individual project to a recognizable architecture brand.

Let us help you sift through the static and find the best website designs for architects on the internet.

How Do I Even Do That?

Whether or not we like it, people interact with the world through the lens of the internet now. Even though business may still be done in person, people also find business on the internet. 

You used to have to know how to code to build a website. If you didn’t, you needed to fork over serious dough to someone who could (and hope they didn’t Zuckerberg you).

Now there are dozens of web apps that people can use to build and maintain their own websites. Some are free – perfect for casual users or side-hustles – and understandably lack the functionality and support of paid options.

Beware of some website designers, because they’ll charge you custom premiums for using one of these free tools that you could use yourself.

If you’re on the market for something completely custom that you wouldn’t be able to create with these tools, ask what software the designer uses. Adobe Dreamweaver and Photoshop, Sublime, and Notepad++ are commonly used programs for bottom-to-top website design.

A good website designer should have a broad knowledge of social media advertising and online marketing, be credible, and be confident about bringing your vision to life. This will be apparent when meeting with a designer or firm and will help you be certain of their fit with you.

Best Architecture Website Designs

While free sites can be stunning and are a great project for artistic folks like architects, it’s often hard to start anything from scratch. Let’s discuss what makes the best websites work so that you can put them to work for you.

1. Photo-Based

There are those who believe their projects should do the talking for them. Luckily for those people there exists the photo-based website structure. Its blocky grids and solid, thick fonts emphasize background photos of specific projects. Olson Kundig maximizes the potential of this structure with clever scrolling animations that allow you access to any part of the site without having to rely on a menu.

You’re greeted with a full-screen photo of their most recent project, and scrolling reveals the next photo like a curtain, allowing the eye to remain on pictures even as you move between them.

At the bottom of the page is a search bar that displays results in a chunky grid below. A hamburger menu allows you a visual infrastructure for those more traditionally-inclined.

2. Gridded

When we speak of using a grid-style website, it may seem inappropriately basic for such a cutting-edge, rule-defying industry. But architects of all people know how many faces a grid can wear.

One striking website that makes the most of this style is Bjarke Ingels Group (BIG).

Upon arriving you’re greeted with a screen with the word “LOADING” written in giant, grey 8-bit CAPS in the center of the page. As the screen loads, the letters fill in black. You instantly know you’re in for something out-of-the-ordinary.

A grid of brightly-colored icons is arranged by year on the home page. Along the bottom of the grid are more black 8-bit words with options for arranging the icons. When you click one, a bubble opens with its corresponding architecture project.

It’s ambitious both in color, animation, and design. What better way to show off your design prowess than by turning the grid website on its head?

3. Organized with Animation

Where Olson Kundig is clever with its animations, GLUCK+ is practical. By using unique animations for menu and scrolling, GLUCK+ eliminated the need to build multiple pages.

When you first arrive at the GLUCK+ website, you’re greeted with their projects arranged in two parallel horizontal lines. The top contains project photos and links, the lower contains videos. You can scroll to the left and right on these bars to view more, and a search bar at the top allows you to filter scrolling content.

What’s so innovative about these animations is the way they buck the traditional website format by displaying everything on the GLUCK+ home page. Every link you click – menu included – is displayed on GLUCK+.com.

What’s Your Shtick?

It’s a basic way of asking the question, but it serves the purpose quite well. People don’t become successful in architecture without a passion for the art and craft of it. As such, you or your firm’s style will reflect the things about architecture that made you fall in love with it.

Are you driven to create sustainable housing? Make a site with colors that require the least energy to render. Is bold, innovative design your game? Experiment with animations, shapes, and many structures. Do you like to make the mundane exciting again? Take a layout people have seen a million times and make people gasp at it!

Whatever your artistic shtick is, identify it and hold onto it. If you’re making your own site, you’ll want to be able to identify ways you can work around the limits of the (usually) basic software to get your message across.

If you’re hiring an online advertising firm, make sure you’re able to communicate this clearly to them. It’s the job of online marketing professionals to understand what makes you or your company special and distill it into your online presence.

Take Creative Flair to Your Web Architecture

Don’t let your website work you over. Make your website work for you!

With options for those needing to build their own website, and a multitude of amazing examples for creative website designs out there, you’ll have so much fuel to feed your creative fire it’ll be hard to keep an artistic soul like you from having a go at it.  

If you’re ready to take the plunge and build the architecture website of your dreams, visit our Services page today!


Author: Nathan Wilbanks

Nathan is a full-stack digital marketer specializing in consultation and strategy development for Bizop Media.

Connect with Nathan on: