POWER UP Fitness

Digital Product Design featuring Connected Spaces/Internet of Things + Augmented Reality

With POWER UP, gymgoers can surpass their strength goals by seamlessly tracking their reps, weight, speed and power automatically. Users can view Augmented Reality Form demos of their favorite lifts in real time, so they can perfect their technique. They can compete against themselves or other POWER UP gyms around the country, seamlessly, just by starting up the app and training in POWER UP gear at POWER UP-equipped gyms. POWER UP helps athletes put the work into lifting, and not into charting their progress.

POWER UP Fitness product design: app home screen in hand with stats for workouts, personal records and tons lifted, and a red Track button

Home screen mockup: workout, personal record and tons-lifted stats above the red Track button.

POWER UP Fitness product design: two phones showing an AR back squat form demo and a back squat set-tracking screen

AR and tracking mockups: a back squat form demo beside a logged back squat set list.

POWER UP Fitness product design: log mockups with weekly activity bars, an intensity and volume chart, and a back squat training log

Log mockups: weekly activity bars, an intensity and volume chart, and a dated training log.

Onboarding Flow

Repeated user testing revealed many findings including the importance of incorporating a clear onboarding of the concept into the product design. The sign in frame also features a number of UX best practices including allowing users to see their password, recover their password, or sign up. Users would also be able to use Touch ID to log in.

POWER UP Fitness product design: six onboarding screens introducing tracking, AR form demos and gym-versus-gym competition, ending in a log-in screen

Onboarding flow: five swipe-through concept frames and a log-in screen with show-password and sign-up options.

Tracking Flow

Gymgoers can walk into the fitness stations or weight machines of choice, and with one click, record their weights, reps, rest times, sets and entire workouts without a pen or pad. This helps athletes track their progress and make gains accurately and intelligently, all without hassle, a big boon to workout motivation. POWER UP captures workout details by equipping the weight plates, workout stations, and the weightlifter's wrists and ankles with small sensors which provide all of the necessary data to determine which exercises are being executed, rest times, and total weight lifted. When users surpass previously-held personal records, they are rewarded with positive encouragement and can amplify their success via social sharing, which research has shown to hold athletes accountable and keep them motivated. Users can also see the total weight lifted per exercise or for the entire workout.

POWER UP Fitness product design: six tracking screens with rep counter, set timer, logged back squat sets, a new record alert and an exercise list

Tracking flow: rep counter, set timer, logged back squat sets, a “Nice Job!” record alert and exercise list.

Augmented Reality Form Demo Flow

Research has proven that many people don't use certain weight machines, attempt certain exercises, or get injured while lifting weights because they are unaware of how to execute with correct form. Many users also report success using personal trainers to help them exercise correctly, including guiding their pace. Using augmented reality, gymgoers can hold their mobile phone up to their fitness station of choice, and watch 360° demonstrations of various exercises within POWER UP gyms. Outside of POWER UP gyms, users can select their exercise and still see the AR demo.

POWER UP Fitness product design: six AR form screens stepping through a 360-degree back squat demonstration with on-screen coaching cues

Augmented Reality Form Demo flow: a back squat demonstration with cues like “Maintain straight back.”

Training & Data Log Flow

Gymgoers get a detailed view of their workout data including which days of the month they've worked out, the number of workouts completed per week, intensity and volume, and 1 Rep Maxes (1RMs) for the StrongLifts over the month. Users can also chart their progress by seeing their previous workout performances of completed exercises, as well as prior personal records (PRs) set.

POWER UP Fitness product design: five training log screens with a workout calendar, activity and intensity charts, 1RM trends and set-by-set logs

Training & Data Log flow: workout calendar, activity and intensity charts, 1RM trends and set-by-set logs.

Individual and Gym Leaderboard Flows

To inspire competitive spirit, the individual and gym leaderboards provide the total weight lifted due to the data garnered from the sensor-equipped weights and gymgoers within each location. This enables individuals to challenge themselves against other athletes from other POWER UP gyms around the country. But for those more motivated by teamwork, the leaderboard also provides gym vs. gym weight totals. This tech allows for WODs (Workouts Of the Day) as well as other types of competitions and promotional events for Crossfitters and Powerlifters alike. Users can view performances from the current day, month or year.

POWER UP Fitness product design: six leaderboard screens ranking individuals and gyms by total weight lifted today, this month and this year

Leaderboard flow: individual and gym rankings by total weight for today, this month and this year.

Full Design Process Review Presentation (Slideshow)

Take a look at the steps involved in the design process for creating this concept including the creation of a project charter, affinity mapping, desk research, observational research, synthesis, interviews, team sketch sessions, hypothesis creation, polarizing prototypes, additional sketches, low-fidelity, med-fi, and hi-fi prototypes, user testing, branding, and more.

POWER UP Fitness product design: presentation title slide reading Fitness Upgrade

Title slide: “Fitness Upgrade,” opening the POWER UP design process review.

POWER UP Fitness product design: slide reading Gyms need to evolve over a faded gym interior

Framing slide: “Gyms need to evolve,” set over a faded training gym.

POWER UP Fitness product design: agenda slide listing full process review, prototype review and next steps

Agenda slide: full process review, prototype review and next steps.

POWER UP Fitness product design: project charter slide listing scope, objectives, assumptions, constraints, success metrics, risks and business value

Project charter slide: scope, initial objectives, assumptions, constraints, success metrics, risks and overall business value.

POWER UP Fitness product design: project charter affinity map of color-coded sticky notes for objectives, assumptions, constraints and risks

Project charter affinity map: color-coded sticky notes from current situation through success metrics and risks.

POWER UP Fitness product design: research slide listing desk research, observational research and interviews

Research slide: desk research, observational research and interviews.

POWER UP Fitness product design: primary domain slide listing gyms and health clubs plus fitness apps

Primary domain slide: gyms and health clubs from CrossFit to Equinox, plus fitness apps.

POWER UP Fitness product design: analogous domains and competitors slide covering fitness apps and wearables

Analogous domains and competitors: Nike training apps, Strava, Fitbit and other tracking tools.

POWER UP Fitness product design: observation slide explaining the AEIOU framework of activities, environments, interactions, objects and users

Observation slide: the AEIOU framework; activities, environments, interactions, objects and users.

POWER UP Fitness product design: synthesis wall of interview sticky notes clustered under yellow theme headers on a glass partition

Synthesis wall: interview insights clustered under yellow theme headers on a glass partition.

POWER UP Fitness product design: interview guide slide showing the full interview script and AEIOU-based questions

Interview guide: the full script and AEIOU-based questions for gymgoer interviews.

POWER UP Fitness product design: interview subjects slide with photos of five gymgoers, three men and two women

Interview subjects: five gymgoers, three men and two women, from certified trainers to casual athletes.

POWER UP Fitness product design: synthesis slide of seven research finding cards on group workouts, solo training, competitiveness and trainers

Synthesis findings: seven cards on why people train in groups, alone, competitively or with trainers.

POWER UP Fitness product design: team sketch session photo with nine app concept sketches including performance charts and form playback

Team sketch sessions: nine concept sketches, from performance charts to gym-camera form playback.

POWER UP Fitness product design: synthesis slide of concept sketches with findings on gamified tracking and data visualization

Sketch synthesis: gamified progress tracking, data-visualization charts and non-traditional performance evaluations.

POWER UP Fitness product design: polarizing prototypes slide with sketched hypothesis cards for tracking, leaderboards and form demos

Polarizing prototypes: sketched hypotheses for on-screen tracking, leaderboards and AR or video form demos.

POWER UP Fitness product design: research slide citing observation at Kinetic Sports Club and desk research on fitness apps

Research sources: observation at Kinetic Sports Club; desk research on YouTube videos, Nike Training Club and Fitbod.

POWER UP Fitness product design: pen-and-paper wireframe sketches for logging sets, choosing exercises and charting progress

Sketches: pen-and-paper wireframes for logging sets, picking exercises and charting progress.

POWER UP Fitness product design: med-fi grayscale prototype screens for onboarding, workout logs and auto-populating exercises

Med-fi prototypes: grayscale onboarding, log and auto-populating workout screens for the early concept.

POWER UP Fitness product design: preliminary hi-fidelity prototype screens in red and black

Preliminary hi-fi prototypes: first red-and-black passes at onboarding, record and exercise screens.

POWER UP Fitness product design: user testing findings slide on onboarding, timers, form guidance, rewards and sharing

User-testing findings: clear onboarding, in-set timers, form guidance, rewards and social sharing.

POWER UP Fitness product design: App Store description slide with three drafts of the tracking and competition pitch copy

App Store description: three drafts of the tracking-and-competition pitch copy.

POWER UP Fitness product design: additional features board of sticky notes including AR warmups, video form demos and hydration reminders

Additional features board: sticky notes for AR warmups, video form demos, hydration reminders and a shop.

POWER UP Fitness product design: rebranding artboard with naming candidates and POWER UP logo lockups

Rebranding artboard: naming candidates from Juiced to Pinnacle, with POWER UP logo lockups.

POWER UP Fitness product design: hi-fidelity prototype artboard overview showing every app frame in the design tool

Hi-fi prototype artboard: every onboarding, tracking, AR form, leaderboard and log frame in one view.

POWER UP Fitness product design: finished app slide with the POWER UP triangle icon and a link to the InVision prototype

“Finished” app slide: the POWER UP triangle icon with a link to the InVision prototype.

POWER UP Fitness product design: final home screen in hand with profile stats and the red Track button

Final home screen: profile stats and the red Track button, shown in hand.

POWER UP Fitness product design: final data screens with activity and intensity charts beside a deadlift training log

Final data screens: activity and intensity-volume charts beside a deadlift training log.

POWER UP Fitness product design: grid of twelve final app screens spanning onboarding, tracking, records, exercises and leaderboards

Final UI grid: twelve screens spanning onboarding, tracking, records, exercises and leaderboards.

POWER UP Fitness product design: next steps slide listing additional testing, design refinements and product visuals

Next steps: additional testing, design refinements, environmental and product visuals, and back to the gym.

POWER UP Fitness product design: closing thank you slide

Closing slide: thank you.

In Brief

POWER UP is a connected-fitness product designed end to end by Husani Barnwell: IoT sensors in the plates, stations and wearables track every rep automatically, augmented-reality form demos coach technique in 360 degrees, and individual and gym-versus-gym leaderboards turn the training log into a competition. Shaped through repeated user testing, from onboarding to data design.