SWIMMING

APP

A wearable app for swimmers to access training plans, capture their performance and share reports with other friends. Also give immediate feedback on recorded sessions. More detailed data can be obtained from the app mobile version.

swimming app hero.png

UX design

UI design

User research

Prototyping & Testing

Information Architecture

SCOPE

The ‘swimming app’ wearable app needs to be linked to a mobile version where users can register, build a profile, set goals based on skill level (beginner, intermediate and advance), create training plans, set challenges. 

Reports can be accessed on both mobile and wearable device however more detailed data will be available only on mobile screen. On the wearable, user will be able to generate sessions 'on-the-go', access feedback about pace, heart rate, calories burnt etc, and share it with friends, adjust some settings. It would also be interesting to explore ways to increase product usability. 

STUDIES

I conducted research on 2 popular swimming applications that also link to wearable devices.
I studied the user journey and highlighted the product key performances.

MySwim Pro - User journey

myswimpro.png
swimprouserjourney.png

Key performances

1. Set up proficiency level

2. Choose goals

3. Connect device

4. Choose focus

   4_1. View training plans

   4_2. Select plan

   4_3. Purchase plan

5. Access feed

    5_1. Follow / Search users

6. Add a workout

    6_1. Create a new set

    6_2. Overview of calories burnt on creating a set

 

7. View profile

    7_1. Settings
    7_2. Dashboard

Swim.com - User journey

swimcom.png
swimcomuserjourney.png

Key performances

1. Allow access to Health app

2. Choose between select a workout, record swim, connect wearable

3. Set up proficiency to find best workout

4. View workouts

   4_1. Select workout

   4_2. Create a new one

 

5. Record your swim

    5_1. Log activity by filling info and save

6. Connect to wearable

   

7. Feed

    7_1. Follow / Find users

 

8. Settings

    8.1 Profile

    8.2 Integrations

    ...

EXPERIENCE MAP

The experience map shows the user touchpoints, crucial features for a basic experience and features that could elevate the product usability and therefore create an enriched experience.

experiencemap.png

KEY PERFORMANCES (MDP)

The experience map has allowed me to define the MDP for our wearable product.

keyperformancetasks.png

INFORMATION ARCHITECTURE

I built the sitemaps for both the mobile app and wearable in order to gather a bird's-eye view on the project's information architecture. 

mobilesitemap.png

Mobile app - sitemap

wearablesitemap.png

Wearable app - sitemap

PROTOTYPE

A mobile and wearable prototype for internal testings.

Mobile app prototype

mobileprototype.png

Wearable app prototype

wearable_prototype.png

UI DESIGN

Skin is applied to the wearable to test accessibility and colour contrast when used in the water.

swimming app UI.png