Hamza Trabelsi · Product DesignerConnected fitness · Avrioc Technologies

MyWhoosh Link

TRAIN
TOGETHER.
RIDE
CONNECTED.

A companion experience connecting smart devices, structured training, live performance, events, and community.

230W
MyWhoosh Link home
Live ride map and performance data
Cycling events
01The opportunity

One connected experience

A CONNECTED WORKOUT INCLUDES PLANNING, RIDING AND FOLLOW-UP.

A connected workout begins before the rider starts moving and continues after the effort ends.

The experience must coordinate hardware, workout planning, live metrics, events, people, teams, and personal progress without making each part feel like a separate product.

I approached MyWhoosh Link as the connective layer: one place to prepare, perform, and stay involved.

Product areaConnected fitness
PlatformMobile companion
Design focusReal-time + social UX
CompanyAvrioc Technologies
02The connected training loop

The training cycle

BEFORE. DURING. AFTER.
ONE CONNECTED LOOP.

01PreparePlan · discover · connect

Choose a session, join an event, and make sure every sensor is ready.

02PerformRide · monitor · respond

Keep the most important effort data visible while the world stays accessible.

03ContinueReview · share · return

Turn completed effort into progress, conversation, and the next plan.

12:36time234.6km320watts80bpm
03Mode-based navigation

Match the rider’s current task

EVENTS.
WORKOUTS.
DEVICES.

The product gives the three recurring preparation tasks clear entry points. Riders can choose an event, select a workout or check their devices without searching through one general feed.

01Events

Choose when and with whom to ride.

02Workouts

Choose the structure of the effort.

03Devices

Choose how performance is measured and controlled.

Events tab
Workouts tab
Devices tab
04Connected device roles

Connected hardware

EXPLAIN WHAT EACH DEVICE DOES.

The connection state alone is not enough. Riders also need to know which data each device supplies and which piece of hardware controls resistance.

Workout profilePower200 W

Measures the work being produced.

Heart rate78 bpm

Tracks the rider’s physiological response.

Cadence90 rpm

Shows how quickly the pedals are turning.

±
ControllableTrainer

Confirms which hardware can change resistance.

Available devices sheet
Connected devices and roles
05Planning the next effort

Planning

GIVE THE NEXT SESSION A PLACE IN THE CALENDAR.

Training calendar
AI
Suggested workoutTempo into sprints

Suggested sessions sit inside the same planning system as manually selected workouts and scheduled events. The recommendation becomes useful because it can move directly into action.

  1. 01RecommendFit the next session to the training context.
  2. 02ScheduleGive the workout a specific day.
  3. 03LoadMove from planning into execution.
06Event lifecycle

Event lifecycle

FIND AN EVENT.
CHECK THE DETAILS.
JOIN IT.

Discover
Event discovery
Evaluate
Event details and registration
Join
Event ready to join
Information changes with proximity

Discovery emphasizes interest. Detail supports commitment. The pre-start state brings timing and entry to the front.

07Making effort visible

Workout structure

PREVIEW THE EFFORT BEFORE THE RIDE.

Duration and training stress provide a quick summary. The interval profile shows when the intensity will rise, fall and recover.

48:00Duration1030Energy90TSS
Color and geometry make the interval sequence easier to read before the session begins.
Structured workout details and intervals
08The live-ride cockpit

Attention under effort

MAKE POWER PRIMARY.
KEEP CONTEXT VISIBLE.

During a hard effort, current power receives the strongest emphasis. Heart rate, cadence and the workout profile remain visible so the rider can understand the number in context.

Heart rate120Power230WCadence80
Live ride cockpit with route and telemetry
01Glanceable effort

The metric driving the workout receives the strongest visual weight.

02Persistent context

The interval profile shows where the rider is inside the session.

03Reachable control

Gear, camera, positioning, and views remain thumb-accessible.

09Progressive disclosure in motion

One ride, four questions

WHERE AM I?
WHO IS HERE?
WHAT ARE THEY SAYING?
HOW AM I DOING?

MapRidersChatLeaderboard
Live map view
Live riders view
Live chat view
Live leaderboard
10Social performance
01
Teri Mason00:0002
Brooklyn Sim+00:1003
Marvin Mck−00:16
11Belonging beyond one workout

Teams

CONNECT INDIVIDUAL PROGRESS TO A GROUP.

Rankings, team events, members, shared distance, elevation and conversation give riders a reason to follow progress across several sessions.

Teams overview
1Air Eagles
Team members and rankings
20members34.6km620m climbed
12After the ride

After the ride

USE THE COMPLETED RIDE
TO SUPPORT THE NEXT ONE.

Activity, progress, the calendar, friends, messages and the next workout connect one completed session to the rider’s longer training plan.

Profile activity and weekly progress
Profile training calendar
Friends and suggestions
CompleteReflectConnectPlan again
13Performance visual system

High contrast, high energy

COLOR SEPARATES ACTION, TRAINING, INTENSITY AND SOCIAL STATES.

#FFD21CAction
#6126FFTraining
#EB5342Intensity
#65CBD2Connection
#000000Focus
230
Numbers lead

Performance data is sized for recognition before interpretation.

Shape previews effort

Interval geometry makes future intensity visible.

LIVE
State changes color

Starting, live, joined, and selected states remain distinct.

14Across the ecosystem

Product coverage

THE PRODUCT CONNECTS THE FULL TRAINING CYCLE.

HomeEventsWorkoutsDevicesLive telemetryRouteRidersChatLeaderboardTeamsProfileCalendar
MyWhoosh Link home
Connected devices
Live ride
Event details
Profile and activity

MyWhoosh Link · Case study by Hamza Trabelsi

ONE COMPANION FOR
THE TRAINING CYCLE.

The mobile experience connects preparation, smart hardware, live performance, events, teams and personal progress.

230W
Workout discovery
Live ride
Team