travel & leisure
travel & leisure
TrainingHub: Mobile application for sports lovers
Product vision and community -centered design to enrich the training world
Prologue
The idea of the Training Hub mobile app was made by a famous NBA Star and Training Hub’s owner – Ben Simmons. The company aims to motivate and connect personal coaches with sports lovers at all levels, so they can improve at their favorite disciplines and keep fit anytime, anywhere. The mobile app users can simply search by location, choose more than 70 forms of exercise, and adjust their skill level and price. To book a session, they just need to choose a trainer based on their requirements and make an in-app payment. All sports lovers can connect, talk and leave reviews for future users.
TrainingHub’s challenge
Our client’s noticed a perspective trend of the sports industry to have soon its creator economy moment. Their challenge was hence, to bring its explosive power to sports through a mobile app. As the company founders noticed an undeveloped gap in a comprehensive mobile application that would connect social media, community, and quick booking system features in one app, available worldwide, both in Android and IOS versions, they turned to Miquido’s experts for a full scope product’s development and launch’s plan.
This changes the game. We’re empowering the next generation of amateur sports coaches.
Ben Simmons, Owner at Training Hub & NBA All-Star, Forbes
2022
Solution
Our cooperation started by defining the demand and value proposition through user flow testing and core functionalities of an MVP. Together with product owners from the client’s side, our team of designers, user testing, and development experts realized a vision of sports amateurs and trainers’ community built both in-app and beyond. Eventually, we delivered a comprehensive platform for athletes on Android and iOS.
Scope of work and timeline
DISCOVERY
DESIGN & DEVELOPMENT
Desk research – Market & competition
Workshops – MVP definition
UX Wireframes & Usability Testing
UI Design + Visual identification
Web design
Development
Launch
Growth Workshop
Services & tech stack
Product Discovery
UI/UX Design
User testing
Visual identification
Market Research
#Backend
Node.js
Nest.js
PostgresSQL
TypeORM
AWS
NewRelic
#AWS
ECS
RDS
CloudFront
S3
CloudWatch
Lambda
SQS
#Mobile
React Native
First touchdown:
TrainingHub workshops & goals
After conducting market research and defining major rivals and key differentiators, we identified clear goals and value propositions for sports lovers of all levels.
Second touchdown:
User flows, wireframes & user testing
User flows
User flow mapping enabled the project team to outline in-app mechanisms and develop high-level wireframes for different app views and functions.
Wireframes
While creating wireframes, we emphasized the most important information for users with a well-adjusted and clear UI. This groundwork ensured the TrainingHub’s app quality of experience on the user’s path.
User testing
After conducting several tests consisting of free exploration and task fulfillment sessions, our client could ultimately be sure that his digital product will stand out from the crowd in terms of UX.
Third touchdown:
Community-centric features we delivered for the app
The app main page: The Hub
The primary goal of TrainingHub is to create a place where anyone can get coaching and make money doing what they love. The Hub – app’s main page lets users see available training slots, next sessions, and upcoming events and connect with other members to make new fit friends!
Ranking in the app
The internal system is loaded with data to calculate the best average ranking rate. Based on several conditions, we managed to make it as valuable for users as possible.
Booking and session approval
In TrainingHub, booking a training session takes only a few steps. The process enables users to pick the right time for training, choose the closest location and make a payment directly in-app. After the booking, their session status is visible, and it is still possible to rearrange it anytime users need it.
Visual design
TrainingHub’s visual identity was all about highlighting the power of movement, community, and adventure.
Results
The growth-fostering cooperation with our client enabled us to discover, design, and develop an app that is a long-awaited solution for the creator economy in sports.
Behind the Training Hub app stands a stable, fast, and transparent server thanks to the strong isolation of reading and writing from the Data Store, which brings the system closer to Data-Driven and opens its way to Event Sourcing.
All efforts contributed to a successful and celebrated app launch, enhanced with PR and social media buzz and a dedicated Forbes interview with Ben Simmons. This is only the beginning!
Our team was eager to take up a new approach to communication within the architecture in backend environments. Even though we commercially submitted this pattern in NodeJS for the first time, we had enough energy to implement and test it. The results? Exceptionally improved UX and all database costs associated with accessing the data.”
Łukasz Boruń, Backend Team & Tech Leader @ Miquido
Key takeaways
Make community needs the real center
Our mission was built around an inclusive place where anyone can connect to movement at any time and place. That’s why we focused the app development process on user requirements, objectives, and feedback.
Be open to new project approaches
The maturity of the development team and a well-established partnership with our client enabled stakeholders to take ownership and think freely out of the box while working on the design, UX, and app development.
