Spotter sticker Spotter sticker Spotter sticker Spotter sticker Spotter sticker

Spotter: Simplifying workout tracking for personal trainers

Role:Lead UX Designer
Team:5 Designers
Timeline:12 Weeks
Tools:Figma · Maze · Dovetail

Designing a dual-platform mobile and wearable experience that helps personal trainers capture session data in real time, without losing the human connection that keeps clients coming back.

Dashboard screen My sessions screen Programs screen Clients screen Today's session screen
01Who, what, and why?

Personal trainers managing four or more clients must choose between logging data accurately and staying present with their clients. Spotter pairs a mobile app with a wearable to capture session data in real time, so a tap logs the set while the phone handles the rest.

Research

We conducted and synthesized 6 semi-structured interviews with personal trainers spanning 1–13 years of experience.

PRIMARY TOOLS USED FOR TRACKING & LOGGING

Video / Camera
1
Phone Notes App
2
Pen & Paper
2
Specialized Apps
2
Google Sheets / Docs
3

WHERE A TRAINER'S SESSION TIME GOES

In-session coaching 65%
Pre-session prep 15%
Post-session admin 10%
In-session capture 10%
4+ Avg. clients managed simultaneously
73% Trainers reported logging after sessions from memory
5+ Disconnected tools used to track a single client

Target personas

Personal trainers manage client progress and documentation during live sessions. Clients rely on trainers to track progress, adapt workouts, and keep them accountable.

Taylor, personal trainer persona — goals, frustrations, tech, and why it matters
Jordan, client persona — goals, frustrations, tech, and why it matters

Competitive Analysis

We looked at direct competitors built for trainers, indirect tools trainers piece together as workarounds, partial overlaps from the fitness-tracking space, and analogous tools people reach for to manage clients and workflows.

Direct

Indirect

Partial

Analogous

Scope

Scoped for trainers managing 4+ active clients across a broad age range (18–70+), excluding clinical or medical use. This raised the question: how might we help trainers scale personalized attention without losing the human connection that keeps clients coming back?

02User flow and IA

With scope locked, I translated our research into Spotter's experience. I mapped the trainer's workflow, defined the core information architecture, then tested and refined the flow until logging could happen without pulling attention away from coaching.

Sketches

Spotter sketch 1 Spotter sketch 2

Wireframes

We created a 26 screen mobile prototype and a 15 screen wearable prototype

Mobile wireframe
All wireframes
Wearable wireframe 1
Wearable wireframe 2
Wearable wireframe 3
Wearable wireframe 4

Usability test

Five think-aloud tests revealed friction around navigation, affordances, and similar actions. We refined labels, cues, and pathways to create a clearer experience.

Usability test plan and results table

Before

Before usability testing

After

After usability testing
03Design Evolution

From wireframes, we built a visual system around a bold purple palette and a consistent mobile-to-wearable language. Every screen was refined to keep trainers moving without breaking focus.

Team color ideation

Fun team color ideation!

Color palette

Spotter color palette

Wearable screens

The wearable interface strips the experience down to its essentials. One tap to log, one tap to move on. Large tap targets, minimal text, voice fallback for everything that needs more detail.

Spotter splash screen on Apple Watch

01 — Launch

Today's clients list on Apple Watch

02 — Today's clients

Client pre-session screen on Apple Watch

03 — Pre-session

Live rep tracking on Apple Watch

04 — Live logging

Mobile screens

While the wearable handles the moment, the mobile app handles everything around it — client profiles, session programs, historical trends, and post-session summaries.

Mobile — home
Mobile — session view
Mobile — client profile
Mobile — summary

My contribution

I took the Home and Session flows from initial wireframes through final implementation. I was also a key contributor to the final visual design system, helping design all mobile screens and wearable interfaces to create a cohesive cross-device experience.

Home and session screens

Mobile prototype

Wearable prototype

Reflection

Designing for trainers means designing for attention. The product succeeds only if it protects presence during the session — you can't just make something fast, you have to make something that doesn't ask for attention at the wrong moment.

Progressive disclosure works best when it starts from a clear definition of minimum useful data — not from a list of possible metrics. That framing changed how I think about every feature prioritization decision.

Navigation clarity depends on naming and structure. Small mismatches in labels can create big confusion when actions look similar.

  • Validate Spotter in real gym environments with working trainers and live clients.

  • Refine wearable interactions for faster use, like haptic patterns, clearer data entry labels.

  • Explore integrations with calendars, messaging platforms, and fitness data services.

Next case study

Workiva — Content Design

Read next →
Expand