Home/ Portfolio/ Under Armour Training Guide System

Under Armour Training Guide System

ClientUnder Armour
RoleEditorial & System Designer
Timeline14 weeks
ToolsFigma, InDesign, After Effects
Graphic DesignFitnessEditorialData Viz

A training-guide system that reads like a sports magazine and performs like a workout log.

Under Armour's athlete training programs shipped as PDFs, dense, textbook-styled, ignored by most athletes after week one. I redesigned the guide as an editorial system: magazine-quality layouts, infographic data viz, workout cards that athletes actually want to tear out and stick on the fridge.

View Live Design
+64%Program completion lift
48Workout cards shipped
12Program tracks
3.2xTime-on-guide vs. baseline

The Challenge

Under Armour's existing training guides were designed by a technical writer with a clip-art library. Athletes treated them like homework. Completion rates on 12-week programs sat around 14%, and we could see from the app analytics that the drop-off was week 2, when the guide became a chore.

The brief: turn a training guide into a ritual. Something you open on Sunday to plan your week, not a PDF you forget you downloaded.

Approach

  1. Editorial-first typographyBig type, big images, newspaper-style hierarchy. Workout titles set in a display serif, body in an athletic sans. Every spread feels like a magazine.
  2. Workout cards as tear-outsEach workout lives on its own tall card, pose diagrams, rest intervals, progression notes. Designed to be printed or screenshot.
  3. Data viz instead of bullet listsPerformance goals rendered as charts, sets as bars, intensity as gradient, rest as spacing. Athletes can see their week at a glance.
  4. Progress spreads every two weeksBi-weekly "how are you doing" spreads with checklists, reflection prompts, and micro-adjustments based on feedback.
  5. Print + digital paritySame layouts adapted to tablet, phone, and print. The design holds up whether you're reading on a bench or a bedside.

Key Features

Data-Viz Dashboards

Week-at-a-glance charts for volume, intensity, and recovery, replacing five pages of bullet lists.

Workout Cards

Vertical cards with pose diagrams, rest timing, and progression notes, each printable on a single page.

Performance Infographics

Athlete benchmarks and goal overlays drawn as editorial infographics, not raw tables.

Reflection Spreads

Two-page bi-weekly check-ins with reflection prompts and a template for adjusting the next block.

12-Week Calendar

Full program calendar as a poster-ready spread, suitable for fridge, locker, or home gym.

Recovery Rituals

Mini-layouts for mobility, nutrition, and sleep, quick-read, tear-out, easy to reference mid-program.

"Our athletes are actually reading the guide now. Completion doubled. We've never had that happen with an editorial refresh." UA Head of Training Content

Results

  • Program completion rate lifted 64% across the first four 12-week programs on the new system.
  • Tear-out cards shared on social with a custom hashtag, user-generated 12k+ posts.
  • Digital-guide time-on-page 3.2x baseline.
  • System rolled into UA's mobile app as the native training guide renderer.

Strategy

  • Editorial direction
  • Content IA
  • Print + digital parity
  • Athlete research

Design

  • Editorial layouts
  • Infographics
  • Workout card system
  • Typography system
  • Illustration

Tools

  • Figma
  • InDesign
  • After Effects
  • Illustrator
Back to All Projects Get in Touch