Athlete Community Platform

Client
Uru Sports
Role
Product design lead
Focus Areas
Interface design, design systems, design sprint
How can we help professional athletes connect with each other?

For many professional athletes playing overseas, finding their next playing opportunity or sponsorship can be difficult. And for athletes looking to transition into the next chapter of their lives, it can be tough to get in touch with other athletes who have been in that same position.

Former pro field hockey player and entrepreneur Ainsley McCalister approached Viget with the idea of creating a platform that would give information and opportunities to high-performing athletes looking to succeed in their next stage. With a new investing round on the horizon, she needed a fully functioning MVP to showcase her vision and grow a community of beta users.

I led the product design effort, which included feature definition, design production, and prototyping.

Feature Definition

To get things started, our team collectively facilitated workshops with Uru to get a better idea of what constituted Phase 1 MVP-level features, versus Phase 2 and down-the-road enhancements. This gave us clarity on what should be developed and tested with beta users right away, versus what could wait until later.

Leveraging Tailwind UI

Working with a limited budget and timeframe, I used the Tailwind UI parts kit to streamline design production and make the front-end development process as seamless as possible. Though this introduced a structured set of design constraints, we leaned into them. It was a trade-off worth making to prioritize engineering progress in a crunched MVP sprint.

Design Production & Key Features

Coming out of our feature definition workshops, I prioritized designing around a few key areas for the MVP launch: onboarding and profile completion, connecting with and messaging other members, creating and managing groups, and posting to the news feed.

First time account creation: onboarding and registration.
Ability to accept connection invitations and input profile content.
Finding and posting in groups – and commenting on individual posts.
Moving past the MVP

Today, Uru Sports is a part of the Comcast NBCUniversal Accelerator and continues to attract athletes from the WNBA, NFL, MLS, the Olympics, and universities throughout the United States.

KEY PROJECT TAKEAWAYS
  • Mirror your naming conventions between design and development.
    On a project that utilizes an existing design system so closely, mirror the CSS naming conventions with components and variants in Figma as much as possible to make integration as easy as possible for front-end developers.
  • On a timeline and budget crunch, leverage existing tools.
    Utilizing an existing parts kit for a zero-to-one product design effort on a very limited timeframe was worth it to save development time.
  • Lean on the side of more documentation.
    With a crunched amount of time for design production, there wasn't time to design every single page and interaction. We had to lean on a few key principles, layouts, and design documentation that guided the majority of development work.
PRoject team
Product Design
Tyler Berg
Product Management
Claire Eisinger
Haley Johnson
Development
Eli Fatsi
David Eisinger
Jeremy Frank
Next Project
Project Beacon: Vaccine Finder