Architects know how to craft spatial environments, but can they create a website that is equally as effective? Here are fifteen examples of gorgeous minimalist architect websites that show the effective transfer of the aesthetic eye from three dimensional architecture to the two dimensional internet.
The Rogers Stirk Harbour & Partners homepage showcases a rotating digital portfolio of striking images, capturing how their designs fit into the surrounding environment. The minimal use of an eye-catching electric green highlight color adds a youthful pop to the otherwise gray and white web page template.
Another rotating portfolio with subtle Flash graphics:
Studio Under Manufacture’s business website divides its content into distinct sections which highlight not only architecture, but close-ups on design elements, fabrication techniques, and current showings. The easy box layout is complemented by a scrolling bar of projects at the top of the screen.
For an utterly dramatic effect, Ellis Miller floods the web page background with a single full-screen image. A bold typeface for their brand and contrast between light and dark are two techniques used to create a website with a dramatic effect.
Arhitektura Krusec makes their projects the number one attraction. Their homepage showcases a real portfolio website, with the front page dedicated immediately to their project list. No need to navigate off the main page to view the firm’s work – it’s all here for you. A simple typeface and color scheme, as well as a predominance of the white web page background color , keeps the look minimal even when a large amount of information is displayed.
Different approach to the same idea: the Bjarke Ingels website’s abstract tile-like graph design organizes work by year.
The Steven Holl Architects web page shows another variation on the full-screen flood of a single image. Here, however, they’ve added an inventive overlay – a barely there graph of sections that must be rolled over for the full effect to be highlighted. With so many sections to browse, from news to books to museums to watercolors, the website has found a subtle way to include information, yet keep the focus on the work itself.
BDP offers another example of the web page design templates that feature rotating full-screen images. Photographs of their projects, illustrations of upcoming work, and spaces inhabited by people slowly dissolve one to the next. The simple layout provides balance, with the firm’s logo and slogan prominently displayed, clear tabs, a search box, and a news flash at the bottom of the screen.
A similar look:
Great architecture is as much about the small details as it is about the big impact. Olson Kundig has chosen to create a website whose homepage showcases up close and personal images of their work. The message conveyed is one of quality and substance – a sense that the firm leaves no facet of the design process unattended.
Konior Studio’s minimal Flash website makes generous use of its white space and sticks to black and white images. The simplicity makes for straightforward navigation and a no-frills presentation of their work, resulting in a website that speaks to the virtues of both confidence and restraint.
World renowned architect Santiago Calatrava’s website also opens with an extremely pared-down homepage.
Architectural elements become the web page background images on C.F. Moller’s website. The faded effect, created by a grid-like grey overlay, simplifies the look. Tabs at the top of the page are in Dutch while tabs on the grid appear in English, providing stylish and easy access for their two language majorities.
This website uses Flash templates to create dynamism, then balances this by leaving the visuals sparse. The homepage features brisk movement between images, which are virtual renderings of the architect’s work. Clear tabs and a tiled portfolio page create functionality and ease of navigation.
A final pick with more sparse visuals and a rotating portfolio on the homepage: