Brand + Digital · Sports Technology
Built for every coach on the sideline.
MOJO gives parents and coaches simple, visual guidance for youth soccer. Working with MOJO's content team and Gameday Creative, I built the visual drill system that made 250-plus drills immediately understandable before the app launched. Every visual had to work at a glance, on a small screen, in the middle of a practice. Players needed to follow along quickly. Coaches needed confidence without experience.
In under 100 days of launch, MOJO was named Best Sports App on the Internet. Today the platform empowers youth coaches and parents across the globe.
The Webby Awards
Best sports app on the internet, 2021
#5
Most Innovative Companies in Sports, Fast Company 2023
15+
State associations partnered within 6 months
Test Concepts
Simplify the Steps.We started by simplifying a few complex drills to see if coaches could easily understand the drills at a glance. The biggest challenge was to create recognizable visual cues within one frame, from start to finish. By using opacity and behavioral cues, to show before and after actions, we were able to pass the stress test and move onto character development.
Develop Characters
Simplify the Elements.What started out as playful and highly stylized, turned into a minimally designed set of characters. When not in use, the hands and feet were removed to focus on the most important aspects of the drill. Team A, team B, coaches, and in rare cases, team C, had their own set of color-coded characters. Emotions and angles were used to capture both the character's feelings and movements.
- Team A = Purple
- Team B = Blue
- Team C = Green
Build a Design System
Simplify the Categories.Once the first drills and characters were approved, we moved into creating the design system. Through intentional colors and human behavior, we simplified the system into 5 categories:
- Player
- Direction
- Movement
- Action
- Equipment
Create 70+ Drills
With the design system as our visual guide, we used elements from the design system to create each drill. All 70+ drills contain a white on gray visual field of play, pink equipment, and a set of players based on numbers and needs. Often times, a sense of scale and a visual map was used when extra instruction was required to fully understand the drill at a glance.
See Next Project