WEARABLE / RUNNING / PRODUCT DESIGN

CLOMP.

Easy to use. Quick to record.CLOMP, for a healthier run.

A thigh-worn muscle oxygen sensor and personalized running app. I planned Stand-alone mode for running without a phone, designing the experience from the device’s physical controls to post-run data synchronization.

OWNERSHIP
Scenario planning · UX/UI design
SCOPE
Device controls · State feedback · Data transfer
A runner wearing CLOMP on their thigh on an outdoor track
ON THE BODY. ON THE RUN.

Running without a phone meant rethinking the measurement experience.

Previously, measuring with CLOMP meant carrying a phone while running. I moved in-run controls to the device and placed record selection and management in the app after the run.

  1. 01 / BEFORE THE RUN

    Prepare in the app

    Set Stand-alone mode and review the controls and sync guidance.

  2. 02 / DURING THE RUN

    Measure with the device

    Start and stop with the button and record the run without carrying a phone.

  3. 03 / AFTER THE RUN

    Bring the records to the app

    Select stored sessions, synchronize the data, and review the results.

01 / STAND-ALONE · DEVICE INTERACTION

A button and an LED to make measurement states clear.

CONTEXT
No phone screen to check during a run
DECISION
Connect button input, calibration, and measurement states
The power button and LED on the front of CLOMP
RecordingMagenta · Blinking

Select a state to see the LED response.

  1. 01

    Double-click to start. Double-click to stop.

    A double-click of the power button starts or stops a session, so measurement can be controlled without reaching for the app.

  2. 02

    Stay still for the first 10 seconds.

    The introduction explains the signal calibration at the start of each session. It distinguishes the button press from readiness to run and tells the user to stay still.

  3. 03

    Separate ready and recording states.

    The device-state specification distinguishes connection, calibration, readiness, and recording through both color and steady or blinking light.

View the device-state specification

Color and light behavior distinguish four device states.

  • Blue · Steady

    Connected

    The device is connected to the app.

  • Blue · Blinking

    Calibrating

    Signal calibration before measurement. Stay still for 10 seconds.

  • Magenta · Steady

    Ready

    Stand-alone mode is ready to start a measurement.

  • Magenta · Blinking

    Recording

    Measuring and saving the session on the device.

02 / STAND-ALONE · DATA TRANSFER

Show the records first. Transfer the selected data next.

CONSTRAINT
Reading all measurement data takes time
DECISION
Separate the record list from the full data transfer

If every session is downloaded before the list appears, the user has to wait before even choosing a record. I designed a flow that retrieves the list first and transfers only the selected sessions.

CLOMP
SESSIONS STORED ON THE DEVICERetrieve list → Select records → Transfer data
Syncable data list with two records selected and date, time, duration, and workout type shown
01 / SELECT RECORDS

Review the date, time, duration, and type before selecting sessions.

Synchronization screen showing progress, remaining time, and the record count
02 / MAKE THE WAIT VISIBLE

Show progress, remaining time, and how many records are being processed.

Top of the result screen showing the synchronized run’s score, pace, and summary
03 / REVIEW THE RUN

Connect the transferred data to a result that can be revisited through the calendar.

DESIGN DECISIONSeparating browsing from transfer lets the user decide what to bring into the app before committing to the wait.

How are synchronized records distinguished?
Record list with already synchronized items shown in gray
SYNCHRONIZED STATE

Keep the record visible, without selecting it again.

Synchronized records remain visible, with further selection disabled. Deleting device memory and transferring data to the app are treated as separate states.

03 / STAND-ALONE · EXCEPTION FLOWS

The measurement ends. The work of keeping the record continues.

CONTEXT
Missing time · Limited storage · Short sessions
DECISION
Explain both the current state and the next action
01 / TIMESTAMP

When the timestamp is missing

A device restart can remove the reference used to calculate the time. I exposed the missing information and guided users to enter the date and time in the result.

A result-screen message explaining that the date and time were not recorded and asking for manual entry
MISSING INFORMATION + CORRECTION
02 / STORAGE

When leaving the mode deletes records

Storage and synchronization are separate states. Low-storage guidance leads to syncing before leaving the mode; the exit warning makes the loss of unsynced records explicit.

Warning that unsynced data will be deleted when Stand-alone mode is disabled, with cancel and disable actions
WARN BEFORE DISABLING
03 / VALID RECORD

When a session is too short for a result

For records shorter than 60 seconds, the list explains why synchronization is unavailable. A disabled item still communicates its state and the reason behind it.

Tooltip explaining that measurements under 60 seconds cannot generate results or be synced
EXPLAIN AN UNAVAILABLE ACTION
ALERT PRIORITY

I also defined which message takes priority.

Low-battery warnings take precedence over synchronization prompts and the mode introduction, putting the device condition that needs attention first.

CLOMP and its band fitted closely to the runner’s thigh
FROM THE DEVICE TO THE RUN

From a device worn on the body to an app used for every run.

04 / APP · WORKOUT SELECTION

Make today’s workout clear before it starts.

BEFORE
Video and a week-by-week training plan
AFTER
Surface the environment, duration, intensity, and suggested pace
BEFOREPREVIOUS

Video and weekly plans

Enlarged comparison area of the previous RX screen, showing the video and weekly workout list
DETAIL VIEWSelect to view the full screen ↗
  1. 01
    A large video at the top

    The video precedes the details of today’s session.

  2. 02
    Read through the weekly list

    Read the list for workout types, duration, and repetitions.

AFTERREVISED

Today’s session at a glance

Enlarged comparison area showing environment selection, total duration, intensity graph, and suggested pace
DETAIL VIEWSelect to view the full screen ↗
  1. 01
    Choose the running environment

    Outdoor and treadmill choices move to the top.

  2. 02
    See duration and intensity together

    Total time and an interval graph summarize the session.

  3. 03
    Check the suggested pace before starting

    The suggested pace has its own visible area.

Without a test result or plan, start with the missing prerequisite

When a prescribed workout cannot start, the screen connects the reason to the next action: take a run-level test or choose a training plan.

Screen guiding the user to take a run-level test when no result exists
NO TEST RESULT → TAKE THE TEST
Screen guiding the user to select a training plan when none exists
NO PLAN → SELECT A PLAN
FREE WORKOUT / NEW ROUTINE

From prescribed training to a personal routine.

Free Workout adds a route from choosing outdoor or treadmill running to setting up a personal plan. Users can combine run and rest intervals, set repetitions, and review the total time.

Free Workout with outdoor and treadmill options and a Set Up My Plan entry point
01 / ENTER A PERSONAL PLAN
Personal-plan editor with run and rest intervals, repetition count, and total workout time
02 / SET INTERVALS AND REPETITIONS
05 / APP · CALENDAR

Separate workout types and states to find the right record.

BEFORE
A legend of workout types and a dated list
AFTER
Type filters and distinct prescribed-workout states
BEFOREPREVIOUS

Read the legend, then find a record

Enlarged previous calendar area with the color legend and dated record list
DETAIL VIEWSelect to view the full screen ↗
  1. 01
    A legend explains each color

    Identify workout types by reading the legend and list.

AFTERREVISED

Choose which workouts to view

Enlarged updated calendar area with RX, Free, and Run Level Test filters above the record list
DETAIL VIEWSelect to view the full screen ↗
  1. 01
    Selectable workout-type filters

    Narrow the records to RX, Free Workout, or Run Level Test.

Filter RX records by workout state
RX filter for completed, scheduled, and not-completed workouts
RX WORKOUT-STATE FILTER

Choose completed, scheduled, or not-completed records

After choosing a workout type, RX records can be narrowed again by state. The flow expands from reading each record’s status to choosing which states to view.

INFORMATION ARCHITECTUREThe legend expands from explaining what a color means to helping users choose which workouts to see.

I connected hardware conditions to user actions.

I planned the scenarios and designed the UX/UI around device behavior and data transfer. The work defines the actions needed at each stage, from preparing for a run to managing its records.

DEVICE AND SCENARIOS
Controls linked to states

Double-click controls, calibration, recording, and standby brought into one flow

TRANSFER AND EXCEPTIONS
From record selection to correction and deletion warnings

Selective sync, missing time, short sessions, storage, and notification priorities

WORKOUTS AND RECORDS
The next action for each user

RX information hierarchy, prerequisite guidance, personal routines, and calendar filters

REFLECTION
The end of a measurement was not the end of keeping the record.

Data stored on the device was only part of the experience. I carried the design through choosing a record, understanding the wait, correcting missing information, and being able to revisit the run.