Ironman One
An AR-integrated training app for triathletes
Ironman Group approached us with the ambition to create the best triathlon training app after acquiring Fulgaz. They had a unsuccessful engagement with a previous agency, and is looking for a detailed oriented partner to course correct. We worked with Ironman’s head of product, product manager, and engineers to integrate research findings to the Ironman One app.
Role
Project lead and designer in a team of two designers and one strategist
Role
Project lead and designer in a team of two designers and one strategist
Product Design · Strategy · Design Systems
Company: XXIX
Company: XXIX
Compeititor Analysis
We started out the project by researching other competitors’ platforms to familiarize ourselves with the market landscape, identify key features and pain points in current apps, and better convince stakeholders the uniqueness of the Ironman One app.
We started out the project by researching other competitors’ platforms to familiarize ourselves with the market landscape, identify key features and pain points in current apps, and better convince stakeholders the uniqueness of the Ironman One app.
Translating user insights into feature requirements
User interviews with triathletes were conducted to gather initial feedback around product features. In the beginning of each sprint, we reviewed user insights along with feature requirements, as well as consulted subject matter experts on the team to ensure design decisions reflect athelete’s preferences and needs.
User interviews with triathletes were conducted to gather initial feedback around product features. In the beginning of each sprint, we reviewed user insights along with feature requirements, as well as consulted subject matter experts on the team to ensure design decisions reflect athelete’s preferences and needs.
From IA to production ready prototypes
We integrated insights from user experience interviews to create a refined IA, improved navigation structure, and a streamlined brand and user interface that connects riders with the information they need to perform at their best.
We integrated insights from user experience interviews to create a refined IA, improved navigation structure, and a streamlined brand and user interface that connects riders with the information they need to perform at their best.
Group rides & Groups
Group rides & Groups is a core feature of the Ironman app, as it is created for coaches to train virtually with athletes and for the training experience to be a social activity.
The group rides page is organized by relevance:
Group rides & Groups is a core feature of the Ironman app, as it is created for coaches to train virtually with athletes and for the training experience to be a social activity.
The group rides page is organized by relevance:
- Rides users signed up for
- Rides from user’s group
- All rides avaliable in the app
Group Rides: Filter and personalization
Upon scrolling, users can access a set of filters to personalize their search. They can also easily save rides from the main page using the plus icon on the cards.
Upon scrolling, users can access a set of filters to personalize their search. They can also easily save rides from the main page using the plus icon on the cards.
Group ride detail page
Each ride detail page contain crucial information such as elevation profile and difficulty. Users can sign up for a scheduled ride and group admins can add a ride to their group schedule. Users can also share the ride to their friends easily.
Each ride detail page contain crucial information such as elevation profile and difficulty. Users can sign up for a scheduled ride and group admins can add a ride to their group schedule. Users can also share the ride to their friends easily.
Groups
Users can search for training groups, create a new group, send/receive an invite link, schedule a ride, and leave groups. Admins can manage members and edit settings such as group privacy.
Users can search for training groups, create a new group, send/receive an invite link, schedule a ride, and leave groups. Admins can manage members and edit settings such as group privacy.
UI: Cards design
Each ride and groups on the Ironman app contains a vast amount of metadata. We explored different designs and introduced 3 card sizes to balance visual clarity and surfacing important content and actions for atheletes.
Each ride and groups on the Ironman app contains a vast amount of metadata. We explored different designs and introduced 3 card sizes to balance visual clarity and surfacing important content and actions for atheletes.
Design System
Along the way, we documented and updated the product’s design system to create a modern interpretation of the Ironman Group’s brand, keeping in mind reuseability for future digital projects in the roadmap.
Along the way, we documented and updated the product’s design system to create a modern interpretation of the Ironman Group’s brand, keeping in mind reuseability for future digital projects in the roadmap.
Additional learning: Facilitate team alignment & trustbuilding
One of the biggest challenges on the project is building trust with the Ironman team, who previously had bad experience working with external design consultancies. To build trust, from the start of the project we built in tight feedback loop with all stakeholders, we aligned on working and collaboration approach, we recaped weekly updates in an open communication channel, we organized regular cross-team retros, and we created a feedback document as a source of truth to record decisions and approval.
One of the biggest challenges on the project is building trust with the Ironman team, who previously had bad experience working with external design consultancies. To build trust, from the start of the project we built in tight feedback loop with all stakeholders, we aligned on working and collaboration approach, we recaped weekly updates in an open communication channel, we organized regular cross-team retros, and we created a feedback document as a source of truth to record decisions and approval.
Title IX Investigations Tracing Colonial History Through Street Names Searching in Trump Tweets Survelliance Apparatus in New Orleans On My Mind: Watching from Afar Interpreting Hong Kong Police’s Narratives Faceless Heritage & Urban Development in Pokfulam Climate Change Weather App Back to Projects