7 best architecture firm website designs

Seven firm homepages, big and small, and the one idea worth borrowing from each.

By Updated · 5 min read

The best architecture firm websites tell you who the firm is and what it does in a few seconds. You don’t need a big budget for that. You need a clear first screen.

We looked at 7 firm sites, from big global names to small studios, and picked one idea from each that your firm can use. Every note below comes from the first screen of the homepage.

The 7 sites at a glance

SiteThe idea to borrow
1. SOMLet your latest news lead
2. Olson KundigKeep it to one photo and one line
3. Studio GangName your home city and offices
4. Lake FlatoLet video set the mood
5. SnøhettaExplain your scope in one sentence
6. Fougeron ArchitectureMake your name the headline
7. Mork-Ulnes ArchitectsPut your contact details up front

Screenshots taken November 3, 2026.

01SOM

A collective of architects, designers, engineers, and planners

SOM website, first screen
(opens in a new tab)

SOM uses a rotating news slider as its hero, so the first screen shows something recent.

What to borrow

  • The hero is a rotating slider. On our visit it read “Fast Company names Grimes Engineering Center best architectural design of 2026” over a building photo.
  • A small “Award” label sits above the slide text, so you know what kind of news it is.
  • The menu stays short (Projects, Ideas, People, News, About, Contact) with an “EN | 中文” language switch.
Visit som.com (opens in a new tab)

02Olson Kundig

A collaborative global design practice

Olson Kundig website, first screen
(opens in a new tab)

Olson Kundig pairs one wide photo with one sentence about its work, and tucks the menu away.

What to borrow

  • The headline is one sentence: “Olson Kundig is a collaborative global design practice whose work expands the context of built and natural landscapes.”
  • A wide photo of a waterfront view, with a ferry on the water, fills the screen behind it.
  • The header holds just the firm name, a search icon, and a menu icon.
Visit olsonkundig.com (opens in a new tab)

03Studio Gang

Architecture and urban design practice headquartered in Chicago

Studio Gang website, first screen
(opens in a new tab)

Studio Gang tells you what it does, where it is based, and who it helps before you scroll.

What to borrow

  • The intro calls it “an architecture and urban design practice headquartered in Chicago”.
  • It lists its other cities right away: “with offices in New York, San Francisco, and Paris.”
  • A simple promise follows: “We help people, organizations, and cities design their futures.”
Visit studiogang.com (opens in a new tab)

04Lake Flato

Architecture firm with offices in San Antonio, Austin, and Portland, Oregon

Lake Flato website, first screen
(opens in a new tab)

Lake Flato skips the headline and lets a full-screen video of its work fill the first screen.

What to borrow

  • A full-screen video plays behind the header, with no headline on top.
  • The firm name sits in the center of the header, with the menu split on each side.
  • The menu has four items: Projects, People, Practice, Ideas.
Visit lakeflato.com (opens in a new tab)

05Snøhetta

A global transdisciplinary practice

Snøhetta website, first screen
(opens in a new tab)

Snøhetta uses one plain sentence to tell you how wide its work goes.

What to borrow

  • The headline says “Snøhetta is a global transdisciplinary practice, working on projects of all scales.”
  • The header is slim: the firm name, a Menu button, and a small logo icon.
  • Under the headline, a moving strip of project photos gives each one a name and a short line, like “Shanghai Grand Opera House”.
Visit snohetta.com (opens in a new tab)

06Fougeron Architecture

Design firm with offices in San Francisco and Paris

Fougeron Architecture website, first screen
(opens in a new tab)

This smaller firm puts its own name front and center, with one big project photo below it.

What to borrow

  • The firm name, “FOUGERON ARCHITECTURE”, sits at the top left in green, the only color in the header.
  • A large project photo slider fills the rest of the screen, with the project name, “Suspension House”, in the corner.
  • “RECOGNITION” gets its own spot in the menu, next to WORK, FIRM, CONTACT, NEWS, and BLOG.
Visit fougeron.com (opens in a new tab)

07Mork-Ulnes Architects

Architects in San Francisco and Oslo

Mork-Ulnes Architects website, first screen
(opens in a new tab)

This small studio puts both office addresses and phone numbers in the header.

What to borrow

  • The header opens “MORK-ULNES architects work from” and then gives a full San Francisco street address.
  • The Oslo office, both phone numbers, and the email address are in the same header text.
  • The menu is just About, Selected Projects, Projects, and Contact.
Visit morkulnes.com (opens in a new tab)

What they have in common

  • Say what you doSeveral of these firms explain their work in one plain line on the first screen.
  • Keep menus shortFour to six menu items help visitors find your projects fast.
  • Show proof earlySOM puts an award story right in its hero. News like that builds trust before anyone scrolls.
  • Name your citiesListing your offices helps clients see that you work in their area.

Want an architecture firm website like these?

We design and build custom websites for small businesses, including architecture firms. Every site is built around your brand, made so you can edit your own text and photos, and set up to turn visitors into calls.

Tell us about your firm. If we’re a good fit, we’ll set up a quick call and send your proposal with the plan and price in writing.

Architecture firm website questions

Your firm name, the kind of work you do, and where you work. Add a short menu so people can get to your projects in one click.

No. Awards help if you have them, but clear project photos, your cities, and easy contact details do a lot of the same work.

It depends on the pages and tools your firm needs. We price each site after a short call, and your proposal puts the number in writing.

More posts.

All posts

Want a website worth featuring?

Tell us about your business. If we're a good fit, we'll set up a call, then send your proposal.