runners

runcoach

runcoach (spelled lower case) is a training service that delivers dynamic workouts that are personalized based on your performance.

Problem

There are many training systems on the market. runcoach is unique in that they have a personalized, real-time training system that provides training as you workout and adjusts to your performance.

Goals

  • Create a streamlined, clean experience for the web user
  • Highlight the dynamic training system to the customer
  • Design within the current CMS framework

Solution

  • Customers love the real life coaches who are employees and wish they were more accessible. Personifying the coach/athlete relationship put the company’s main value proposition in the forefront.
  • Highlighted the ‘workout engine’ during the experience to show customers their workouts are being tuned daily.
  • Presented a clean interface which highlights data and accomplishments

Role
Visual and Interaction Design

Previous Design

runcoach_before

Concepts and Prototype
We consolidated the experience into two areas – future workout and past performance on one calendar. We then tested the interaction with a clickable wireframe.

rc_sketches

image-11

Visual Direction

Lookandfeel.fw

New Iconography

images.fw

Home Page

homepage_org.fw

Training Calendar
Performance and workouts on one page.

Activity_calendar_future

Today Page

today_coach.fw

Training Engine
Illustrates the power (and differentiation) of runcoach.

engine_popupworking_cropped.fw

new_medal_cropped.fw

Pricing and Payment
subscription.fw

Results
Since the redesign, we have received great feedback from customers and have seen a big engagement increase. We also saw the revenue growth month over month accelerate.

Read next: runcoach mobile