Extending the brand for digital
Our team used Sports Innovation Lab’s base brand as a jumping off point for a new digital design system. We freshened up the type palette, played up the deep purple, and applied the existing brand’s strong angles and dynamic patterns. Most importantly, we designed a system crafted specifically for screens.
Connecting the ecosystem
The app is interconnected and intended for exploration. News, Profiles, and Scoreboards all push to one another, so each click drives the user to a deeper understanding.
Scaling the experience for any device
The typical Sports Innovation Lab customer is always on the move. Catch a flight to the game one day. Hustle across the country for a meeting with Nike the next. No matter the device, they’ll experience a feature-rich interface with charts that scale down seamlessly to provide the same powerful data and insights at any screen size.
Increasing engagement through personalization
The app provides value from first login and gets smarter from there, learning from the user and serving up personalized insights. But it’s not just about machine-learning, algorithms, and other of-the-moment technologies. Personalization also comes with a human touch. Sports Innovation Lab has amazing analysts. We made their personalities (and insights) features of the app.
Future-proofing the architecture
The existing app was functional, but as we re-imagined what it could do, it only made sense to re-think the architecture as well. To aid in technical discovery, we devised and facilitated various workshop activities. This process enabled us to download the learnings from the existing app and apply them to the next iteration. In the end, we built a snappy, React app for the client leveraging Netlify Lambdas, Algolia, and Stream. And for the developers out there, we are in the process of open-sourcing a project for React Router.
Learn how Engineers at Upstatement use design thinking to create & facilitate workshop activities that aid in technical discovery.
React Router Guards
Coming soon, a middleware API for React Router that enables you to perform complex logic between the call for navigation and the final render of a route.
Crafting a vision for what’s next
What we built is just the beginning. During the research and strategy phase, we dreamed big, designing features that go well beyond the MVP shown here. We envisioned charts that could be manipulated by time controls and more robust methods for curation and engagement. These ideas all contributed to a grand vision that will continue to inspire the team and give them a roadmap for the next phase of development.