YETI

Taking Google Street View Way Off the Street

Google has mapped 98% percent of the world, 100 countries, and 10M miles of concrete roads. But naturally, wilderness enthusiasts prefer the paths less paved. For YETI, this posed an opportunity: to take the Hopper M20 — its most versatile cooler yet — map hidden trails across the globe, and make the outdoors more accessible for everyone.

YETI partnered with Code and Theory — as part of our ongoing digital product partnership since 2020 — to design, develop and launch the digital experience anchoring Map The Gaps, YETI's campaign designed to take the “street” out of Google Street View — by locating and integrating some of the world’s last uncharted trails.

Impact

  • 300% Increase in Hopper sales
  • 1B Monthly users accessed through Google API
  • 78M Impressions from press Across Forbes, Ad Age, The Drum, Gear Junkie and more
  • 75 Miles of newly charted trails added to Google Street View

Key Takeaways

  • Hacked Google’s API to provide value and reach more customers
  • Created an integrated campaign anchored by a first-of-its kind digital experience
  • Transformed Google Street View into free ad space
  • Designed, engineered and launched in less than eight weeks
Map The Gaps Cover

Where the street ends, the journey begins

YETI tracked down 15 pure wilderness trails that had gone under Google’s radar and then equipped 13 of its global ambassadors with GPS-enabled 360º cameras and the YETI Hopper® backpack cooler before sending them to hike the undocumented trails.

As a result, Map The Gaps made these previously hidden gems discoverable by allowing users to preview and explore unmapped landscapes through video walkthroughs and immersive 360-degree views.

Hacking Google Street View

Once our ambassadors had trekked through the rainforests of British Columbia, hiked up the hillsides of Victoria, Australia and crossed the deserts of Santa Fe, we uploaded their personal footage through Google’s open platform. Their adventures are now permanently planted on Google Street View with our YETI Hopper front and center.

Essentially, Map The Gaps hijacked a platform with over a billion active monthly users, and transformed it into an interactive advertisement and demo for our most versatile cooler yet.

YETI Map The Gaps 4
YETI Map The Gaps 3

An experience built from the ground up

Our engineering team used the countless hours of raw GoPro footage to create an immersive 360° experience — allowing visitors to watch, pan, navigate to key moments, and plan a full adventure — all from their device. We then extended the build out to numerous video players and streaming solutions, ensuring seamless responsiveness across platforms.

YETI Map The Gaps 3
The outdoors are for everyone to share. Go try a trail you haven't tried, then wonder where else you could go. Search and find.
Robin Van Gyn | YETI Ambassador and Pro Snowboarder
YETI Map The Gaps 2

Making the outdoors more accessible for everyone

Map The Gaps is meant to spark thrilling new adventures for nature enthusiasts everywhere. So naturally, it was vital for us to design for a world as diverse as the terrains we explore.

We followed AA guidelines closely, ensuring clear labels, landmarks and a structured layout for easy voiceover and keyboard use. We also added a mode to reduce motion for users with ADHD or motion sickness, keeping our promise of truly making the wild more accessible in every sense of the word.

YETI Map The Gaps 1

Code and Theory worked with YETI to design a new modular design system using familiar iconography, bold colors and intuitive user interactions to bring together an experience that delivered surprise and delight to users. The experience was also custom engineered so that YETI — and users across the globe — could easily add new trails by simply uploading their video to Google Street View.

Immortalizing with impact

In the end, for an audience obsessed with exploring the world, we gave them more of the world to explore. And in a way – no brand ever has – we ensured the YETI Hopper was officially, and firmly, placed on The Map … forever.

Meta Image 1200x627
Amazon

Ads that work as hard as you do

Code and Theory developed the integrated, global campaign connecting Amazon Ads with small businesses everywhere.

Read More
  • Proved Amazon Ads are made to match the right person, with the right business, right away.
  • Doubled traffic to Amazon Ads' dot com destination.
  • Produced a global, integrated campaign in less than six months.

Driving B2B Growth

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

Evolving E-commerce to Fit Modern Audiences

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

Leading With Empathy and Inclusivity

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

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
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
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

All Work

 2023

Says a Lot —

Latest

News — 

CampaignLive | Behavior as a prompt: Why AI’s ability to anticipate will change business forever

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