Designing a Site Fit For The Legacy of Architecture’s Most Prolific Firm



The Background

SOM’s legacy of innovation, care for craft, and collaborative approach to process is why they’ve been leaders that push the industry forward like no other firm can since their inception in 1936. However, it’s through their people that they’ve been able to create a culture that celebrates diverse and unique perspectives, ultimately making their work the best in the world.

Built on a set of rigid templates, SOM’s site didn’t bring forth this humanity that makes their work possible, from the smallest graphic installation to the tallest skyscraper. In a complete redesign, Code and Theory partnered with their marketing and communications team to create a destination that’s reflective of the quality of their work, ideas, people, and culture.

7 001


The Execution

On the new site, the breadth of SOM’s portfolio is elevated through the inclusion of space to highlight the creative process, letting users dive deeper into parts of the story that are of particular interest to them. The projects that prove their innovative and collaborative approach are supplemented with research, ideas, exhibitions, and publications, further cementing the depth and extent of their multidisciplinary contributions to the industry.

Equally important to the work, their perspective-diverse people are intentionally highlighted by democratically bringing more individuals onto the site and connecting them to their contributions, from projects to news to values-driven cultural initiatives.

5 001
9 001


The Website

We redesigned the website to communicate that SOM is more than just projects. The homepage of the website communicates who SOM is and why their work is so prolific. Across all borders and devices, we curated a responsive design and multi-language capabilities which ensures that anyone can engage with the site regardless of where they are. We used extensive expertise in order to streamline SOM’s site, minimizing confusion and overlap while updating preexisting language to terms that don’t require industry knowledge. The site’s design language is timeless and simple—while maintaining an edited and rigorous structure—so that images of SOM’s extensive work can be at the forefront, without distraction from any superfluous design elements.

Because of the scale of their work, many of SOM’s projects involve multiple expertise and areas of work. As a result, we dove deep, having unique URLs for sharing, while still being a part of the overall project page narrative and experience. The culture section highlights the firm’s people, their unique perspectives through their voices, and the internal work they do to foster a collaborative environment for all. Going beyond buildings, the Ideas section of the site consolidates research, stories, exhibitions, and publications—with layouts tailored to further frame SOM as leaders in the industry.

Important need-to-know information is met with the story of SOM’s legacy and the values they hold today, ensuring site visitors know who they are, what the latest is on them, what they value, and how to get in touch.

11 001

Evolving E-Commerce To Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Gawker 2
Bustle Digital Group - Gawker

Gawker | Don't Call It A Comeback.

An entertaining and engaging experience, all while still bringing a touch of class and sophistication.

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Spotify Feature

Artists don't just make art. They make money too.

Building a bigger funnel to help artists grow on Spotify.

Read More
College Board| Positioning The College Board As An Integrated Partner For Students

Transfiguring An Integrated Student, Parent And Educator Experience

<p><strong>Transfiguring An Integrated</strong> Student, Parent And Educator Experience</p>

Transfiguring an integrated student, parent and educator experience.

Read More
Rally| Elevating The Site Experience For A Crypto Pioneer

Elevating The Site Experience For a Crypto Pioneer

<p><strong>Elevating The Site Experience</strong> For a Crypto Pioneer</p>

Elevating the site experience for a crypto pioneer.

Read More
Coned Additional

Building a future vision for Clean Energy in New York

ConEd tapped us as AOR to lead an integrated, purpose-driven marketing partnership to educate a multitude of audiences

Read More
  • A new brand strategy that ties ConEd’s clean energy vision to its purpose
  • An integrated creative campaign to showcase ConEd’s clean energy vision to its customers
Award WebbyW3 0031Ad Age 0023


  • Code and Theory

    Webby Awards

    2022 Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    2021 Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    2020 Agency A-List

All Work

Says a Lot —


News — 

Ad Age | Top 5 Diversity, Equality, and Inclusion Efforts To Know About Right Now

News — 

PRNewswire | Stagwell (STGW) Digital-First Creative Agency Code and Theory Launches Industry's First Holistic Inclusive Design and Marketing Strategy Discipline

News — 

Ad Age | Marketing In The Metaverse —What Science Fiction Can Teach Brands About Web3

News — 

Code and Theory’s Dan Gardner named Campaign US 40 Over 40 honoree

News — 

Muse by Clio | Don't Talk to Me About NFTs and the Metaverse

News — 

AIGA Eye on Design | The Era of Rebellious Web Design Is Here

News — 

Webby Awards | Code and Theory Named Webby Winner in 26th Annual Webby Awards

News — 

The Drum | Adland's reaction to Musk's $44bn Twitter deal: 'a major disruption to its ad business'