Key Outcomes
- 1 unified monorepo spanning web, app, and backend.
2 platforms (React + React Native) sharing a single design system.
100% cross-platform consistency across components.
Real-time test environments spun up instantly (canary, staging, production).
Integrated video + telemetry data for coaches and athletes.
- 1 unified monorepo spanning web, app, and backend.
Introduction
The client is a global leader in sports performance analytics and wearable technology, trusted by elite teams and athletes across professional sports. Their data-driven insights help organisations optimise performance, reduce injury risk, and gain a competitive edge on and off the field.
They partnered with Restive to accelerate the development of their dedicated platform – designed to combine athlete telemetry and video analysis into actionable insights for coaches. With the need for a consistent experience across web and mobile, they faced the challenge of building a scalable design system and maintaining cross-platform performance. Restive delivered a unified solution by implementing a single monorepo that brought together web, app, and backend systems, creating an efficient and future-proof foundation to build from.
The problem
The client needed to launch a new platform application that would aggregate telemetry and video data from athletes and deliver insights to coaches. The platform would help coaches track training loads, assess injury risk, and provide performance feedback.
Achieving this required a robust cross-platform design system that would unify the experience across web and mobile. However, they didn’t have the in-house expertise needed to build it, nor the infrastructure to support a single system spanning web, app, and backend without creating fragmented microservices.
Our involvement
Restive was brought in to provide the development expertise required to:
- Establish a scalable design system that worked seamlessly across both web and mobile platforms.
- Ensure cross-platform consistency, with reusable components and shared business logic across React and React Native.
- Integrate video and telemetry data within the application, enabling coaches to combine performance metrics with game footage.
- Set up a single monorepo environment, bringing web, app, and backend code into one cohesive system – reducing duplication and simplifying dependency management.
- Implement Storybook for both web and mobile, allowing for unified testing and faster iteration.
- Establish modern testing practices unit, integration and end-to-end.
- Work closely with internal solution architects to build out what would be important for a centralised platform that could be used across all of the other internal departments.
- Establish a scalable design system that worked seamlessly across both web and mobile platforms.
The outcome
The project delivered a cohesive design system within a single monorepo – a significant technical achievement, especially at the time.
Key results included:
A fully integrated design system running across web and app from the same codebase.
Reusable components and shared logic, ensuring consistency and efficiency across platforms.
Innovative Storybook integration for testing and documentation across both environments.
Improved developer workflow, with the ability to spin up live environments (canary, staging, production) and generate real-time test data on demand.
Restive’s experts were embedded in the client’s team to work collaboratively and create a unified goal and vision. This hybrid model – between Melbourne, Malaysia, the US, and Dublin – became a global team effort.
The impact
By delivering a cross-platform design system in a monorepo, Restive helped the global player to create a more scalable, maintainable, and future-proof platform.
The approach allowed the company to:
Move faster with product development.
Maintain consistency across user experiences.
Streamline testing and deployment processes.
Build a foundation that could support ongoing innovation in sports performance technology.
