Tips for an Architect’s website

REX’s website, voted as one of the Top 10 Architect’s websites by our readers.

This Inspiration Series is brought
to you by Veer.com

Every day we spend quite some time visiting architect’s websites (maybe even yours!) to be up to date with new and ongoing projects.

It’s a very fun part of our job, especially when websites have a good design and usability. However from time to time we stumble upon websites that are very difficult to browse, or present projects in a way that you can’t even understand them.

You know that we as architects have the ability to design “from a spoon to a city”, and a website should be among those things we can (and should) design, especially when it is one of our most important marketing tools. I’m not saying that you should learn HTML and code your own website, but as we know from our work, an informed client is a good client. Therefore, having a good idea on what your website should offer to its visitors can help you relate with the person you hire to maintain it, the same way we love when a client has a clear idea on how they want their building to be… and not asking for a “green roof” just because they read it in some random magazine.

Below you will find a few tips that can help you on this process. I’m very confident that some of you may already know about some of them, and it’d be great if you could share your comments based on your experience.

©

1. Background

Some might disagree with me… but a white background is a must. It will make your photos stand out, nothing is more important than your projects.

© Veer

2. Photos

The most important part of your website. You can write the most compelling project description, but if you use a low res tilted photo you will totally loose the visitors attention. I put this in second just because of its relation to #1. During your career you must have taken lots of photos, and it’s something that should be easy for most architects. But if you feel like you don’t have any skills at all, there are several amazing architecture photographers that can help you show your creation to the world.

© Veer

3. Flash (not)

No. And I really mean no. Think about a potential client, they have just discovered on your website a photograph from a previous design. They want to share this specific page of inspiration with a friend, but they are unable to easily email a direct link to it. Search engines can’t index those websites, and if Google can’t find it most of your potential clients won’t. Some may argue that using Flash in certain ways can allow you to have single links for each page or may be even crawled by search engines, but the effort is just not worth it. Choose a website built with HTML, CSS, Javascript.

© Veer

4. Updates

I can assure that a high percentage of architects websites do not get updated on a regular basis once they go live. How often do we see a site that features a rendering from 2002 with unfortunately no followup. A potential client may have experienced one of your buildings first hand, found your website, and then disappointedly discovers that you haven’t updated this project in over 6 years. Architects visit the construction site on almost a weekly basis, and often document the progress by taking digital photographs, now even with our phones. Why not share the progress with the rest of the world, and show that your practice is up to date and running? I know this can be time consuming, but #5 can help you a bit.

© Veer

5. CMS

A CMS (Content Management System) can enable you to edit your website from your office, worksite or even from your phone after the jury has announced you as the grand winner of a competition. By using a CMS for your website you don’t need a web expert for the updates, you or someone at the office can do it in an easy way. The best CMS programs in my opinion are WordPress and Indexhibit, but services such as Tumblr can do the same free and easy.

© Veer

6. You

I really like when the website not only shows the work, but also a bit about the architects themselves. It’s great to know our peers and their background.

This Inspiration Series is brought to you by Veer.com. To see more inspiring images like the ones used on this post, click here to find our album on Veer.com.
 
Cite: Basulto, David. "Tips for an Architect’s website" 11 Nov 2010. ArchDaily. Accessed 31 Oct 2014. <http://www.archdaily.com/?p=87929>
  • Seth

    Great message. I agree with most (especially the part to include photos – albeit obvious) except number 3. Seems uneducated. All of your concerns can be accomplished with a good flash designer. A beginner flash designer, might fumble around a while.

    • quecar

      I totally agree with your comment about the number 3!!!

    • Magen

      I disagree with your comment about flash. The best ‘flash’ sites are typically those which are hybrid sites implementing html and flash as an secondary element. Flash not only severally limits your content management capabilities, but the back end of your site become cumbersome when Adobe inevitable upgrades flash and your site is not on the latest version. Hybrid sites are the way to go; not only for search engine optimization but also for searchability, linking, and are much more friendly to various legacy systems and disability assistance translators.

  • http://www.livercake.net livercake

    What if you want to check the website from a mobile device? or have a good rss source for people tracking my progress?

    Flash is a NO-NO for websites displaying information, no matter the point of view.

    If you want bells & whistles for a promo site that needs to have pop, or a near-cinematic experience… that’s what flash is for. But to display content?

    It’s like using a TV to trace a drawing. It can be done, but it’s lame.

  • QN

    Some good advice. As a student, these websites are invaluable, tho probably the best one’s I’ve seen are those in flash. Simple animation is key, nothing fancy needed. Also, its nice to have more than just photographs, scanned architects sketches and even drawings (they can be low res, 72dpi images) are nice for a bit of insight and understanding, especially if we’re tryin to learn from an architect.

    • MArk

      I must disagree with your comment. As a student i’ve searched tons of architects websites, I’ve saved lot of pictures for future reference, inspiration, learning, etc… And I must say that with a flash its very painful to get those photos ( not as easy as right-click and Save as..) Of course webs look nice with flash the are interactive, but in practice you’ll learn that all that stuff is taking a lot of your time.
      All you need is informations, content, inspirations and its a lot easyer and quicker without flash.
      I have very good experiences with Indexhibit (as a user and visitor)

  • http://www.ecker-architekten.de Pio

    Dear David – a few responses to what I find to be an incredibly good beginning of a very useful article.

    Robert Piotrowski – Partner, Ecker Architekten http://www.ecker-architekten.de

    In addition to the points already well made, I have the tips following to offer:

    1. Readable type – think about who is viewing your website, and why. A potential client can become quickly disgruntled when important text is microscopic, simply because that is what looks best. Remember, many of the people who can afford to hire architects are already old enough to need reading glasses, and as pedantic as this sound, readable type, well designed, makes a good first impression.

    2. Your message – never forget that everything you illustrate and write has a message, and if you haven’t thought this through, you should, because the message will be one of pointlessness, if it is not explicitly designed.

    3. Spell check all of the text – twice! Check for grammar and content! Read everything out loud, to a critical friend. This is an incredibly easy way to eliminate the drivel that at first looked good in black and white. Poorly written sentences and sloppy spelling drive prospective clients elsewhere. Seriously.

    4. Eliminate loading times – we aim for zero seconds, and this can be nearly accomplished if the site is programmed to background-load the images most likely to be first selected while you visitor is viewing a first image, or reading a bit of text. Difficult, but elegant when it works.

    5. Intuitive design – show where you are, where you have been.

    6. Background should not be white! Architecture is involved in proejcting images in light, and if you shoot just exterior pictures in the daytime, white is adequate. But to really make dusk shots show themselves as sources of illumination, white does a disservice. The contrast between your image and the overpowering white of a flatscreen monitor is too strong. The same can be said for a pure black background. The blacks in your photos will never be blacker than a pure black background, and as a result they will look washed out.

    7. Flash is great, but only in the service of the larger message. We use a black and white to color fade for the very first image of each project on our website. This simple device is a clue to subtly reinforce the idea of viewing a new proejct , which is especially important when a user is viewing a number of project at a single visit.

    8. Anchor point. As in any presentation requiring both vertical and horizontal images – and that is nearly every architectural website – a single, unchanging anchor point helps to organize the presentation of images. Design the Anchor point first, based on the established size of your images, and the rest will follow in an orderly manner.

    Our site is currently just in Flash, and just in German, but it illustrates all of the points I have made above. Since we see that we receive a large number of visits from China on a monthly basis, we are now in the process of making an English version available, and adding Chinese captions on a html – format twin site. I hope that even though you may disagree with most or all of what I’ve written, that the points are worthy of examination.

  • http://samueltludwig.com Samuel Ludwig

    For future reference, if you are going to call out one of the ‘several amazing’ architectural photographers, you make it someone canonical like Julius Shulman, not as you have cited, someone like Iwan Baan.

    • Ps

      If you need photographs, it might help if the photographer is still alive

      • http://samueltludwig.com Samuel Ludwig

        It also might help look into a photographer that actually does a good job, as Shulman once did, something Baan does not.