Katalyst - Platform Redesign
Released in 2021 with new generation around the corner!
Company
Tribalscale
Client
Katalyst
Role
Lead Designer
Tools
Figma
Miro
Deliverables
User Flows
Design Documentation
Wireframes
&
Prototypes
Context
About
TribalScale
TribalScale is a digital innovation firm based across north america, specializing in transforming businesses through agile development and user-centered designs.
The company collaborates with clients across multiple industries to build scalable digital products that drive growth and user engagement.
This and other projects were conducted by me during my time with them.
Partnership with Katalyst
Katalyst aimed to revolutionize fitness through Electro Muscle Stimulation (EMS) training, making high-efficiency workouts more accessible. The collaboration with TribalScale focused on bringing their fitness experience to a wider audience via a mobile application.
Project Goals
Project
Timeline
1
Client Onboarding and Discovery
Understanding Katalyst’s EMS technology, user needs and product landscape, collecting insights from teams and through market research.
Researching competitors and benchmarking mobile fitness experiences.
Design Execution & Iteration
Creating wireframes and high-fidelity prototypes.
Conducting usability tests with trainers and trainees.
Iterating based on feedback, refining UI/UX patterns.
2
Roadmapping & Planning
Structuring feature priorities for MVP.
Defining key user flows and interaction models.
3
4
Design Execution & Iteration
Creating wireframes and high-fidelity prototypes.
Conducting usability tests with trainers and trainees.
Iterating based on feedback, refining UI/UX patterns.
Milestones & Release Map
Launching early access for beta users.
Iterating based on analytics and user feedback.
Preparing for full market release with incremental updates.
5
When designing for an agile team, communication is constant.
Systems must be in place to quickly convey ideas to key people.
Engineers want to understand the required inputs and outputs for operations.
Project managers want to ensure that their requirements are being met.
And clients want to ensure that their vision is realized.
Good design iconography is also about internal communications.
Communication was clear across the board, at all times, aligned in purpuse and capable of beign clear and concize.
By keeping the notes simple we were able to maintain conversations directed towards a specific topic. ensuring that notes were kept simple and direct.
Note: this projects was accomplished in an earlier version of figma, before dev mode.
Accessibility in sports is more than just ensuring users can read screens.
It prevents injuties by misuse and promotes more user engagement, all good signs of a healthy endeavour
Maintains compliance with WCAG2.0 and AODA guidelines, great industry benchmarks when it comes to accessibility.
Ensuring designs add character that reflect the brand guidelines.
Without losing it's ability to represent moments in user journey, while adding character to common ideas.
All the while still expressing Katalyst's unique personality and style.
Project Results
Beyond KPI's and Metrics…
Adoption of workout editor experience
200+ workout programs created within the first 6 weeks.
80% of trainers rated the editor as “intuitive” or “very intuitive.”
45% increase in shared workouts among users.
Scalable design framework
30% reduction in design iteration time.
Standardized components reduced engineering handoff issues by 40%.
Enabled faster feature rollouts, decreasing time-to-market by 25%.