WatermanPro is a mobile fitness tracking application designed to help amateur and professional paddling athletes have a overall view of how well they perform in a range of different water sports. The application tracks and ranks their performance and helps them in turn adjust their training and gauge how they compare to other paddlers all over the world.
User Experience Design
User Interface Design
Branding
Pen & Paper
Typeform
Illustrator
Adobe XD
HTML/CSS
Sublime
GitHub
I surveyed about 20 paddlers of different modalities and interviewed 5 paddlers to better understand their current training habits and pain points when keeping track of their training. Our main goals was to understand three things;
Through the research I discovered that there wasn’t any existing paddling specific applications that had paddling sports customization built into it or one that didn’t require additional hardware.
The hardware solution provided by SpeedCoachOC2 was outrigger specific and the hardware alone added an additional cost that surpassed the $400 mark.
Garmin was the most widely used wearable among the paddlers I interviewed but the customization for paddling sports included rowing but didn’t include other sports like kayaking or outrigger.
I wanted to create an affordable solution that provided the essential data needed and was easy to use for any paddler at any level.
Danny is a 30 year old multi-disciplinary paddler. He usually paddles on the weekends or after work and uses a gps watch to track his fitness data. He often paddles alone so its hard for him to push himself to train at the level that he wants to be to compete. He also wishes he could meet other paddlers that share his same interests and go out on paddling trips together.
The user flow shows the journey of the user through the app including the connection to the wearable device and capturing the data that it can provide on the app to the sharing of training information after the workout on social media. This guided me initially in deciding what interfaces I would have to design for.
From rough sketches to higher resolution wire-frames on Sketch, I prioritized the interfaces needed to convey the user flow through the key functionality of the app.
I used HTML & CSS to code the landing page to highlight the apps key features and functionality.