Hearst

Hearst.com

Successful businesses don’t grow by resting on their laurels. They value new thinking and innovative ideas to set themselves apart in a landscape crowded with existing competitors and nimble upstarts.

The willingness to innovate and embrace new thinking are a few of the core values that set one of the nation’s largest diversified media and information companies—the 125-year-old Hearst Corporation—apart from its competitors.

Recognizing that the company’s website should be as much a reflection of its values and vision as it is a source of press releases, job openings and contact information, Hearst tapped us to help them build a bold, new digital home.

The goal was to create a differentiated yet useful site experience that simultaneously showcased the variety of Hearst’s offerings and breaks down the notion of what the public face of a corporation should be online.

1

Content Should Be Flexible

We know that readers explore and engage more when their introduction to content is short and “snackable.”

So, we developed a system of flexible content cards to give visitors a quick glimpse of all the happenings and important stories at both Hearst Corporate and its portfolio companies across their various divisions.

The cards provide users with an ever-evolving snapshot of the company, showcasing content and news from across Hearst’s myriad of business divisions and properties—all while being uniquely tailored to what’s happening “now.”

2

Smartly Tailored to Each Visitor

We started by asking ourselves: Why do people visit a corporate site?

Every visitor is different. You could be a new employee looking to get involved, a reporter looking for more background or a new lead, or a startup with a great idea looking to find a partner to bring that idea into reality. Due to the broad variety of visitors, we had to ensure that the site experience served a myriad of use cases by creating a clear and consistent UI, a simple navigational structure, and clear pathing between related content.

Not only does the new Hearst.com function beautifully on any device, but the entire experience is uniquely tailored to every individual.

For instance, we developed location-specific modules that display unique content to company employees or users accessing the website within the Hearst Tower in New York City. Content could range from a schedule of events taking place within the Hearst Tower that day, or the latest company-wide memo from Hearst Magazines President David Carey.

3

A Powerful CMS for a Lean Newsroom

To truly understand how Hearst communicates its message across all platforms—including its website, internal and external e-newsletters, and social media—Code and Theory embedded itself in Hearst’s two-person Corporate Communications newsroom.

Collaborating with Hearst’s editorial team during the development process allowed us to build a fully-custom Content Management System solution that maximizes the team’s efficiency without disrupting their existing workflow.

The tool provides an easy way for the small team to keep the site feeling fresh, dynamic, and new, every single day. For example, the “Front Pages” feature auto-updates every morning with a Page A1 snapshot from every newspaper in the Hearst portfolio, from the Albany Times Union to the Houston Chronicle.

Site editors now have the power to update site content daily, and easily drag-and-drop this content to build the “Hearstlink” e-newsletter, which is sent every week to more than 20,000 employees working across hundreds of diversified businesses around the world.

The relaunch of Hearst.com shows what is possible when a company’s values and the latest technological innovations align.

If history is any judge, Hearst’s next 125 years are gearing up to be their most exciting yet.

Screenshot 2023 09 29 at 3 51 52 PM
The Ritz-Carlton

Redefining the Legacy of Luxury for a Powerhouse in Hospitality

The hotel giant partnered with Code and Theory to bring its hotel's luxury into every element of its digital experience.

Read More
  • Built a scalable design system for both The Ritz-Carlton and The Ritz-Carlton Reserve.
  • Created a guest-centric site structure to facilitate booking, content exploration and discovery.
  • Strategy, design and launch in under one year.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Tipico Featured Module
Tipico

Succeeding on a Mission to Win Ohio

AOR leading an integrated campaign to capitalize on the moment and bring Tipico to market.

Read More
  • Challenging category conventions to create a differentiated connection with audiences
  • Speaking with Ohio sports fans the same way they speak to each other
  • Working in an Integrated Agency team to connect through all media channels, including the app

Evolving E-commerce to Fit Modern Audiences

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

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

Untitled design
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

Transforming Education's Forefront

Defining the future of digital experiences in education.

Pfizer World| Shaping a Platform into a Beacon for New Priorities and Ways of Work

Pfizer World

<p>Pfizer World</p>

Transforming a platform into a meaningful beacon to set new priorities and ways of working.

Read More
Galleri| Introducing a Revolutionary Medical Feat to the Market

Galleri

<p>Galleri</p>

Creating the first B2C campaign and user experience for a first-of-its-kind cancer detection test.

Read More
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign

News — 

YETI Wins Fast Company Innovation By Design Award for Marketing