Product Design / Web Application

Designing for the Modern Sports Industry: Application Development for MLSPAA seamless UX/UI experience for Major League Soccer players

How Oak Theory delivered a seamless UX/UI experience for Major League Soccer players.

Next case studySee more work
Client
MLSPA (Major League Soccer Players Association)
Industry
Sports / Player Association
Year
2024
Services
Onboarding Research & Workshops, Sitemap Design, Wireframe Development, UI/UX Design, User Validation Testing
MLSPA Player's Portal application UI design.

Quick answer

Oak Theory is a web design, development, and branding studio that designed the Player's Portal application for MLSPA (the Major League Soccer Players Association), a union representing active and retired soccer players and agents. The engagement included onboarding research, sitemap design, wireframe development, UI/UX design, and user validation testing — resulting in a unified, scalable application replacing fragmented tools and inconsistent navigation.

MLSPA Player's Portal bonus and appearance tracking cards shown alongside a player on the field.

About

A union run by players, for the players — held back by fragmented tools.

As an organization run by players and for the players, the Major League Soccer Players Association (MLSPA) advocates for and empowers Major League Soccer athletes. However, fragmented tools and outdated user experiences were making it difficult to fully deliver on that promise. For both active and retired players — who often transition to becoming agents — accessing critical resources like compensation tracking and benefits was a frustrating experience due to a lack of coherence and ease of use.

That's where Oak Theory stepped in — not just as designers, but as strategic partners, to build a future-proof, branded solution that streamlined MLSPA's digital experience and better served their diverse audience.

The challenge

Disjointed tools and inconsistent UI made critical resources hard to find.

MLSPA, a union driven by the mission to support professional soccer players, faced a growing problem: their existing tools were falling short.

Navigating the existing application was cumbersome, with disjointed tools and inconsistent UI design that made it difficult for both players and agents — many of whom are retired players transitioning into new roles — to quickly find the resources they needed. A unified UI/UX design approach was essential to resolve these pain points and deliver a smoother user experience while maintaining professional application development standards.

What we did

Scope of engagement

Onboarding research and workshopsUX/UI AuditUX/UI Audit
Wireframe developmentProduct DesignProduct Design
User validation testingWeb ApplicationsWeb Applications

Our approach

01

Onboarding research and stakeholder workshops.

Before diving into design, Oak Theory took a collaborative approach. We started with thorough onboarding research, sitting down with key MLSPA stakeholders to understand not just their technical needs but their mission to empower active and retired players as well as agents.

Through a series of workshops, we gathered insights and shaped a clear vision for an easy-to-use application that would simplify the user experience while supporting growth.

02

Laying the foundation with sitemap design.

Grounded in a clear understanding of MLSPA's objectives, we started by designing a well-organized sitemap. This structural blueprint served as the backbone, ensuring easy navigation and a streamlined user journey for both players and agents.

MLSPA Player's Portal sitemap and user flow diagram shown on a laptop.
03

Bringing the portal to life.

Next, we brought the vision to life through detailed wireframes, ensuring every element reflected MLSPA's brand identity. Our approach was strategic: we kept scalability at the forefront, building a flexible system that could adapt as MLSPA's needs evolved.

The UI design was meticulously crafted to create a visually cohesive, branded application where form met function — intuitive, visually consistent, and tailored to the unique needs of players and agents.

MLSPA Player's Portal bonus tracking interface on a mobile phone.
04

Collaborative application development services.

Collaboration was key throughout the development of the MLSPA Player's Portal application. Through regular workshops, feedback sessions, and user validation testing, we adapted our application development services to ensure the portal aligned with real user expectations.

By testing early prototypes, we identified pain points and adjusted the sitemap UX design accordingly. This iterative process helped fine-tune the application, incorporating feedback to enhance the user experience while ensuring a solid foundation for scaling.

MLSPA Player's Portal request access onboarding screen on a laptop.

Selected work

Design details

MLSPA Player's Portal dashboard design with salary, bonus, and performance modules.
MLSPA platform launch landing page with request access call to action.
MLSPA benefits and bonus tracking interface on mobile.

The Results

A portal that strengthens how MLSPA supports its athletes.

The Player's Portal application Oak Theory developed didn't just meet MLSPA's needs — it enhanced their ability to support and empower athletes. The intuitive UI/UX design and efficient sitemap design simplified navigation for players and agents, while the scalable structure ensures the platform can grow with MLSPA's future needs. With a branded, user-centric application in place, MLSPA now offers a seamless digital experience that truly serves its audience.

Numbers are coming soon

We're still gathering the metrics for this engagement. Check back shortly for the full results.

FAQ

Frequently asked questions

Lean on an expert
application design agency.

Oak Theory's ability to blend UI design and application development services in a tailored, human-centered process allowed MLSPA to elevate its digital platform for their players. Whether you need expert UI/UX design, innovative sitemap design, or comprehensive application development services, Oak Theory is here to help you transform your digital platforms. Reach out today to see how we can build scalable, user-centric solutions tailored to your unique needs.

Contact us