Mustard
I led the design of Mustard, an app aimed at revolutionizing sports coaching. Leveraging decades of data analysis by Tom House, it offeres personalized instruction and real-time feedback based on the biomechanics of top players.
. . .
Onboarding
From the outset, our priority was user experience, aiming to make it both enjoyable and straightforward. We remained faithful to the bold Mustard brand while creating captivating animations to showcase the app's features.
![Onboarding 1](./images/onboarding-1.png)
![Onboarding 2](./images/onboarding-2.png)
![Onboarding 3](./images/onboarding-3.png)
![Onboarding 4](./images/onboarding-4.png)
Setup Account
Making account setup engaging was really important for getting accurate motion tracking. We wanted it to be fun and easy, so users could quickly add important details like height, weight, and throwing arm.
![Setup 1](./images/setup-1.png)
![Setup 2](./images/setup-2.png)
![Setup 3](./images/setup-3.png)
![Setup 4](./images/setup-4.png)
Capture
The capture screen UI is minimal and prioritizes content. Post-capture, the report card smoothly appears, allowing users to explore detailed analysis with a simple tap in each section. Seamless from capture to analysis.
![Setup 1](./images/capture-1.png)
![Setup 2](./images/capture-2.png)
![Setup 3](./images/capture-3.png)
![Setup 3](./images/capture-4.png)
Feed & Profile
The feed allows users to view others' progress and share their own, while the profile enables users to track their individual progress and receive tailored recommendations from the Mustard team
![Setup 1](./images/feed.png)
![Setup 1](./images/profile.png)
Infographics
Mustard's report card feature simplifies complex metrics. Each card includes easy-to-understand infographics with clickable explanations. The circular design and color codes quickly show if users are below, meeting, or exceeding expectations.
![Setup 1](./images/cards-1.png)
![Setup 1](./images/cards-2.png)
![Setup 1](./images/cards-3.png)
![Setup 1](./images/cards-4.png)
![Setup 1](./images/cards-5.png)
![Setup 1](./images/cards-6.png)
Press
The app received recognition from leading publications like TechCrunch and The New York Times for its innovative approach to sports coaching.
Acknowledgments
"Mustard" was a collective effort, benefiting from talent within and beyond Studio. Thanks to all involved. Special appreciation to Joe Indriolo for the sharp vision and Thibault Gauche for bringing this to app to live as invisioned.