Nike

Guided Runs Website Design & Development

We teamed up with Nike Running to spread the word about their Audio Guided Runs, making it easier for runners of every level to lace up and enjoy the miles.

+00123456789012345678901234567890123456789m
AGR plays in the first 3 yrs

Ten million AGR plays by May 2020 shows people weren’t just trying it once—they kept coming back.

00123456789012345678901234567890123456789%
Jump in users

During lockdowns, AGR exploded—Nike Run Club gained a million new users in one month and total runs shot up 42%.

001234567890123456789.01234567890123456789stars
From 401k+ reviews

A 4.8-star rating (hundreds of thousands of reviews) proves AGRs work—they’re free, and they keep runners loyal to Nike.

Services

  • Strategy

  • User Experience (UX)

  • Website Design

  • Design systems & scalable components

  • Interface and visual design

  • Content Services

A dynamic collage showcasing the Nike Run Club (NRC) app and its features. The central NRC app icon is surrounded by various elements, including a female runner with "2.95 Miles" overlayed, a close-up of a wrist wearing a fitness tracker, a phone screen displaying "Guided Runs in the NRC App" with "FIRST RUN" prominently featured, and smaller images of runners and a coach, along with data like "128 Bpm" and "23:29 Time."

Nike’s all about getting more people into running and showing every athlete what’s possible. Their Audio Guided Runs deliver coaching right to your ears, so anyone can get better with every step. We helped Nike spotlight this feature across their global sites.

A flat lay image featuring a vibrant green Nike running shoe on the left, a tablet in the center displaying a "Explore Runs in this Collection" interface with various guided run options like "FIRST RUN," "NEXT RUN," and "FIRST SPEED RUN," and a smartphone on the right showing a "TWO MILE RUN" interface. White wireless earbuds are placed above the smartphone. The background is a red running track surface.

With buzz building on social, Nike needed a digital home base for Audio Guided Runs. We built out pages that organized, showcased, and captured what makes these runs stand out.

A screenshot of a Nike website or app interface displaying "Additional Guided Run Collections." The top section features a horizontal scroll of categories with images of runners, including "Get Started," "Short Runs," "Treadmill Runs," "Headspace Runs," and "Long Runs," each with a brief description. Below this, a section titled "Essential Reading" is partially visible. The Nike swoosh logo and navigation icons are at the top.

Using Nike.com’s global design language and app assets, we crafted a clean, intuitive system that puts easy discovery front and center. Authentic, relatable imagery makes every runner feel at home—not just the pros—so finding the right guided run feels natural and inspiring, no matter the goal. Bold text and pops of color add personality and make it easy to tell different types of runs apart at a glance. The experience works beautifully on every device, but it’s especially dialed for mobile, where most runners are searching for their next run on the go.

A busy, multi-panel collage of various Nike Run Club (NRC) website and app interface designs, focused on guided runs and running-related content. The central panel displays "Guided Runs in the NRC App" with a male runner checking his watch and sections for "Distance Based Guided Runs" and "Explore Runs in this Collection" with thumbnails for "HEAD START," "TODAY'S 5K RUN," and "6K RUN." Other panels include articles like "How to Prevent Plantar Fasciitis," "How Pronation Affects Your Running," "A HOT RUN" with a close-up of a runner, and "Essential Reading" with images of athletes and articles on running topics.
A side-by-side comparison of two web page designs for the Nike Run Club (NRC) app. The left page features "HEADSPACE' GUIDED RUNS" with a large image of a female runner and an "Explore Runs in this Collection" section with illustrated tiles for "MINDFUL METERS," "STRESS FREE RUN," and "RECOVERY RUN W/ HEADSPACE." The right page displays sections for "Get Started," "Essential Reading" with articles and images of athletes, including titles like "How to Deal With Running Setbacks" and "How to Get More Out of Every Run."
A large grid of square and rectangular tiles, each representing a different guided run or training program from Nike. The tiles feature dynamic images of runners, abstract illustrations, and bold text titles such as "10K HEAD START," "RHYTHM AND ROLL," "EASY RUN," "A HOT RUN," "LITTLE TREADMILL RUN," "TWO MILE RUN," "TODAY'S 5K RUN," "MINDFUL METERS," "TINY TREADMILL RUN," "NEXT SPEED RUN," "GO FAST WITH ELAINE," and "STRESS FREE RUN." A Nike swoosh logo is visible on many tiles.
Alt
Alt
A bright green and black Nike running shoe is angled in the foreground, with its sole facing the viewer. In the background, a web page for "Guided Runs in the NRC App" is displayed, featuring a female runner in an orange hoodie and black leggings mid-stride, with the headline "'HEADSPACE' GUIDED RUNS."

It’s always great teaming up with Nike—especially for a project we believe in. We built a seamless digital hub for Audio Guided Runs, making it easy for runners of all levels to discover, explore, and get inspired. The end result: more people finding the right run, and a digital experience that lives up to the Nike name.

Next