Low-angle shot of a person jumping against a blue sky, wearing a colorful sports top, black shorts, knee-high socks, and white athletic sneakers.

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

  • Responsive Web Development

  • Content Creation

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 NRC app on a dark circular screen with neon lime NRC logo, dotted arc, run thumbnails Next Run and First Run, and 2.95 miles with pace metrics.

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.
Person running along beige wall, wearing pale yellow shirt, pink leggings, and white sneakers with pink accents; diagonal yellow rails cast shadows.
Person mid-air performing a dynamic jump against a clear blue sky, viewed from below; wearing white sneakers, black socks, and shorts.
Alt
Person in a black Nike tank top with orange swoosh, arms raised above head, eyes closed, sunlit skin, against a translucent plastic backdrop.
Close-up of a person with eyes closed, water streaming down their face and dripping from the chin, against a chain-link fence backdrop.
Person running along beige wall, wearing pale yellow shirt, pink leggings, and white sneakers with pink accents; diagonal yellow rails cast shadows.
Person mid-air performing a dynamic jump against a clear blue sky, viewed from below; wearing white sneakers, black socks, and shorts.
Alt
Person in a black Nike tank top with orange swoosh, arms raised above head, eyes closed, sunlit skin, against a translucent plastic backdrop.
Close-up of a person with eyes closed, water streaming down their face and dripping from the chin, against a chain-link fence backdrop.
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.

Metajive designed and developed a dedicated digital hub on Nike.com that organized and showcased Nike's Audio Guided Runs, making it easy for runners of all levels to discover and explore the feature across Nike's global websites. The project spanned strategy, user experience design, design systems, responsive web development, and content creation.

Nike's Audio Guided Runs reached 10 million plays within the first three years. During lockdowns, the Nike Run Club gained one million new users in a single month with total runs increasing 42%. The digital hub Metajive built served as the primary discovery point for this rapidly growing feature.

Audio Guided Runs earned a 4.8-star rating from over 400,000 reviews, reflecting strong and lasting user satisfaction with the product. The user experience Metajive designed for the discovery hub contributed to this engagement by making it effortless to find the right run for any fitness level.

Metajive used Nike.com's global design language and app assets to create a clean, intuitive system with authentic imagery, bold text, and color-coded run types that works across all devices. The product design was especially optimized for mobile, where the majority of runners would discover and engage with guided run content.

The runs are designed for athletes of every level — from complete beginners to experienced marathoners. The digital hub Metajive built organized runs across collections including distance-based runs, treadmill runs, Headspace mindfulness runs, and beginner get-started programs, making the breadth of content navigable rather than overwhelming.

Metajive provided strategy, user experience design, website design, scalable design systems and component libraries, responsive web development, and content creation. The work delivered a system that Nike's global teams could maintain and extend across international markets without additional development support.

The site organized runs across collections including distance-based runs, treadmill sessions, Headspace mindfulness runs, and beginner get-started programs. Each collection featured its own visual identity within Nike's broader design system, making it easy for users to identify the right type of run at a glance.

White printer on a blue pedestal against a solid blue background, with a ring of colorful photo prints spiraling around it.