top of page

TRIQ is a revolutionary dynamic app for triathlon training plans. It combines the latest knowledge of renowned coaching scientists with an intelligent algorithm that constantly adjusts the plan to fit the athlete. TRIQ saves time and adapts on its own to ensure you’re fresh and motivated enough to keep training hard.

X - 2.png
X - 4.png
X - 5.png

MY ROLE

I was the User Interface/Mobile Product Designer. I was tasked to design a concept for a Home Screen, Calendar Screen, Insight Screen, and Profile Screen. June 2021 (1 week)

OVERVIEW

"As an athlete, I want to see all the upcoming workout sessions during the week, in order to plan all of my other commitments around my training" - Florian

The app's training engine plans and allocates the most optimal times for training sessions for athletes based on the time availability (and other parameters) they have already provided the app. The engine then selects a specific training program for each session during the week for the user to do and as a result.

REQUIREMENTS

The app is being designed for iOS only so far, screen size: iPhone X
- User can see all upcoming planned sessions
- During any given day of the week, there could be more than 1 session planned for the user - The user can see the type of session it is ( swimming, cycling, running)
- User can see the intensity level of each session(low, medium, high)
- User can see the start time of each session
- User can see the duration of each session
- User can see if their session is marked as completed

- User can see an indication that a certain session is a 'Key' session (Key Sessions are the sessions, which are contributing most to the training program at that moment. As the focus is changing over time or the user may behave differently than planned those KEY-Sessions are changing)

TARGET GROUP

Recreational Triathletes

● Gender: male (e.g. main buyer persona)
● Age: 30-55 years
● Fixed Income
● Language: Fluency in English
● Modality Experience: Train for at least one year in all three modalities
● Race Experience: Recreational - Previous participation in at least one triathlon (no absolute beginners)
● Race Ambition: Most likely trains for Olympic Distance, but all distances are an option;

Ambition is most likely to finish in a predefined time; NO podium position; ONLY one A-race

● Training hours per week: Roughly 6-12 hours per week
● Training per week: Currently at least 5 trainings

Needs of the target group:
Individualization is the Core Need (based on the interviews)

Screenshot 2021-07-24 at 11.09.28.png

PAIN POINTS

PAIN POINTS

● Time management (sport & work & family)
● Training related injuries and overtraining
● Lack of flexible adjustment of the plan in case of illness or unplanned events
● Lack of individuality of the training plan

UNDERSTANDING THE BIGGER PICTURE

I needed to define a desirable approach to understand the bigger picture of what I am building, why I am building it, and for whom I am building it. I, therefore,  looked into  Lean UX Canvas. I could quickly identify the following

  1. What problem is the business having that needs help

  2. What changes in user behavior will I need to see in order to know that I have solved the problem

  3. What users and customers should I prioritize

  4. What goals are the users trying to achieve

  5. List the product features that help the target users achieve their desired goal

  6. What’s the most important assumption I must make for the hypothesis to be true. How will I know if my hypothesis is incorrect and what would cause the hypothesis to fall apart

  7. Brainstorm the experiment I need to run to test the hypothesis

Screenshot 2021-07-24 at 12.12.23.png

DESIGN DIRECTION

I generated ideas about the arrangement of the UI on Miro, a high‐level design language of the app's anatomy began to piece together.

Lean UX_ Triq - Home.jpg
Lean UX_ Triq - Calendar.jpg
Lean UX_ Triq - Insights.jpg
Lean UX_ Triq - Profile.jpg

STRUCTURING

Once the wireframes met all the requirements of the brief, I started to structure the architecture of the app.

Screenshot 2021-07-24 at 12.38.37.png

HI-FI PROTOTYPE

I decided to design the prototype using Figma. The high‐fidelity prototype depicts how the app will look and act in reality.

DETAILED DESIGN

The images below depict the final iOS app

Screenshot 2021-07-24 at 13.00.33.png
Screenshot 2021-07-24 at 13.01.58.png
Screenshot 2021-07-24 at 13.02.53.png
Screenshot 2021-07-24 at 13.03.27.png

Like what you see?
Let's chat.

  • White LinkedIn Icon

© 2023 by Katlego Seabelo. 

bottom of page