Case Study

Nike

Redesigning a content rich product for scale.

From Bill Bowerman’s original running shoes made with a waffle iron to the Alphafly Next Nature, Nike has a long history of embracing innovation to expand human potential.

From Bill Bowerman’s original running shoes made with a waffle iron to the Alphafly Next Nature, Nike has a long history of embracing innovation to expand human potential.

The Nike Run Club (NRC) app is a continuation of that legacy—a cutting-edge tool deployed in support of deeply personal practice. Over the years, it has evolved into space for personal growth, a community of support, and an invaluable resource for those who practice the most OG sport of all. It is everything you need to start running, keep running, and enjoy running, more.

Training Plans and Audio Guided Runs (AGRs) are two features, unique to NRC, that exemplify that promise.

Developed by the Nike Run Club coaching team (with inspiring friends like Mo Farah, Eliud Kipchoge, Shalane Flanagan, and even Bill Nye), AGRs give you motivation and guidance as you run, telling you when to slow down, how to speed up, and why it might be time to take a break. There are AGRs for everyone: easy runs for those who are just getting started, long-distance, or speed runs for those looking to push themselves, and plenty more for just about everyone in-between.

Training Plans are collections of runs organized according to your specific goals. Whether you want to run your first race or you’re out for a PR, training plans have everything you need to start off right and finish strong—whatever your level, whatever your goal.

NRC’s library of content grew exponentially, Nike found itself with two key challenges: many users didn’t realize the depth of coaching expertise available, and those that did struggled to find or identify the type of run they wanted.

COLLINS was invited to help define a new, extendable design system for Audio Guided Runs and Training Plans that would help users navigate the app while creating a compelling and cohesive experience for NRC.

We began by conducting an inventory of existing and future Audio Guided Runs, examining them in detail, and identifying patterns that could help inform a potential information architecture.

Working closely with Nike’s digital design team, we developed several options for an AGR content structure, each with its own strategy. After agreeing on a simplified framework for run types—Everyday, Speed, and Long—we developed unique approaches to all three that leverages Nike’s original design language.

Everyday runs take a pattern-approach inspired by iconic Nike running shoe soles. Speed runs use expressive typography to reflect the experience of Tempo, Interval, Hill, and Fartlek runs. And Long runs capture the trance-like state of endurance running by repeating and layering dynamic silhouettes.

Extrapolating from the AGR language, we then worked with Nike to develop a unique, but connected language for a newer feature—Training Plans.

First, we created a flexible system that works with our AGR color codes to distinguish between the types of workouts that would occur on any given day in the plan. Next, we developed an underlying architecture for current and future training plan cover cards: Numerals for distance-based plans, illustration for introductory plans, controlled flexibility for stand-alone plans. Finally, for the launch of NRC Training Plans, we designed cover cards for the first two plans—Get Started and Half Marathon.

Taken together, the system is flexible enough to account for ever evolving-content and efficient enough to be reproduced around the world, all while maintaining a unique, easily navigable expression for NRC.


COLLINS
Michael Di LeoLouis MikolayMichael TaylorMackenzie PringleVictoria ThomasDev Valladares
NIKE
Coach Chris BennettMike WoodJoshua MooreChun KongNancy WardJon HarvellJon LaramaRuben BartonChul Lee

Augments

Augments are add-on components or properties that enhance a design system’s performance. They introduce new capabilities, expand functionality and improve how the system works across contexts.

Augments

Augments are add-on components or properties that enhance a design system’s performance. They introduce new capabilities, expand functionality and improve how the system works across contexts.

Content Architecture

The content architecture organizes training programs, audio-guided runs and user-generated content. The design prioritizes usability, adaptability and intuitive navigation, ensuring cohesive scalability.

Tread-Inspired Patterns

COLLINS enriched the app with motifs inspired by the functional beauty of Nike’s shoe treads. Intricate grooves and repetitive forms convey movement, endurance and athleticism, elevating their utilitarian origins with subtle elegance. The rhythmic repetition evokes a runner's stride, transforming overlooked details into a powerful symbol of momentum and the pursuit of goals

Motion Signature

A signature animation style that transforms static brand elements into instantly recognizable kinetic expressions. By creating a consistent motion language, it amplifies brand distinctiveness, deepens recall and makes digital experiences more captivating and memorable.

High Expressive Ratio

A performance property that signals a brand system’s ability to generate vast expressive range from minimal elements, resulting in a presence that is both concentrated and expansive.

Colorgraph

Governs where, when and how color appears in a retail environment. Whether activating retail zones, segmenting product categories or distinguishing content types, it ensures color performs as both signal and structure.

Extensibility

A performance property that ensures identity systems can integrate future innovations and modules without losing coherence.

Impact