Marquee Component
To address the diverse needs of schools, clubs, teams, and individual athletes, we developed a versatile design component that overcame complex naming convention challenges and a multitude of dynamic content and school branding.
Static examples of web and mobile marquees for various organization and athlete use cases.
We needed to increase the accuracy of search results and speed in which a user could find the correct entity.
We utilized several helper technologies such as voice search and type-to-search on web, mobile, and OTT in order to reduce the need to sift through long and often duplicate school & athlete names.
While the UI was designed for the Fan platform, our product team rebuilt search for Hudl so all of the tools could share the same efficiency.
Mapping keyboard interactions for various layouts.
We leveraged research and traditional sports tropes to create a favoriting feature that fits our brand-new market. Other sport markets only focus on a single sport league or team while Hudl acts as an umbrella for the entire high school sports ecosystem.
I designed a favoriting UI that reduces the need for searching organizations, decreases our time-to-first-video, and includes all entities such as leagues, schools, clubs, and athletes.
Iconography exploration with shape and naming conventions
Sketches for new user favorite onboarding
The business goal for Hudl is for the livestreaming Fan platform help offset the cost of Hudl's other tools by providing ad revenue and PPV ticketing. For our team, that means building a Fan community for every high school across the country. In the timeframe of a year (and inception to roll-out of the mobile app), we managed to create outcomes that impacted coach's and athletic director's bottom lines.
10-20 schools reached
10k views
averaged 100k viewers monthly
100k+ downloads from iOS and Play stores
