Back to Archive

Mtndew.com

Redesigning the entire DEW universe of programs, products and content with a mobile-first approach

Watch Case Study Play
How do you create a digital hub that draws fans deeper into the DEW universe?
  • Designed From a New Perspective: A mobile-first experience for a mobile-first world.
  • Everything in One Place: DEW gaming, music, athletes and more under one roof.
  • Fully Editable Content Templates: Pages are scalable and easy to update without feeling generic or templated.
  • Richer User Experience: Endless scrolling and suggested content draw fans deeper into the DEW universe.
1 / 1
Prev Next

Solution

Almost half of MountainDew.com visitors access the site from their mobile devices, so we created an experience that caters to their preferred screens first. But instead of starting with the desktop and building a traditional responsive design, we evolved our process by creating a best-in-class mobile experience first—and then worked backwards to build an immersive desktop experience.

The result? A new MountainDew.com that unites all DEW programs, products and content together in one place, designed specifically for mobile screens. Whether you’re into gaming, skateboarding or music—or just want to check out info on your favorite flavor—everything is easily accessible.

We wanted visitors to spend more time with DEW, so we created big eye-catching visuals to quickly engage visitors on the homepage, and an endless-scrolling navigation that draws them deeper into the brand.

The new pages can be easily updated without feeling generic or templated, allowing DEW to scale their content throughout the year. As a result, every section has its own vibe and always feels fresh.

Press and Recognition

  • FWA

    Site of the Day
    View Awards
    View Awards
  • W3

    Silver Award Winner: Website Features - User Experience
    View Awards
    View Awards
  • Webby

    Food & Beverage Site Honoree
    View Awards
    View Awards
Project Status
Launch Project
Related Tags
CMS , Content , Mobile App , Website

Almost half of MountainDew.com visitors access the site from their mobile devices, so we created an experience that caters to their preferred screens first. But instead of starting with the desktop and building a traditional responsive design, we evolved our process by creating a best-in-class mobile experience first—and then worked backwards to build an immersive desktop experience.

The result? A new MountainDew.com that unites all DEW programs, products and content together in one place, designed specifically for mobile screens. Whether you’re into gaming, skateboarding or music—or just want to check out info on your favorite flavor—everything is easily accessible.

We wanted visitors to spend more time with DEW, so we created big eye-catching visuals to quickly engage visitors on the homepage, and an endless-scrolling navigation that draws them deeper into the brand.

The new pages can be easily updated without feeling generic or templated, allowing DEW to scale their content throughout the year. As a result, every section has its own vibe and always feels fresh.

Project Status

Launch Project

Related Tags

  • CMS
  • Content
  • Mobile App
  • Website

Awards

  • FWA
    Site of the Day
  • W3
    Silver Award Winner: Website Features - User Experience
  • Webby
    Food & Beverage Site Honoree
More Projects

Digital Agency of Record for Mountain Dew

Driving growth and digital innovation fo...

View Project
View Project

Fuel Up For Battle

A digital experience that brings Call of...

View Project
View Project

Kiehls.com

A data driven re-design for Kiehl’s resu...

View Project
View Project
Firstborn 32 Ave of the Americas, 17th Floor New York, New York 10013
Phone 212.574.5300
Email info@firstborn.com
©2023 Firstborn