Complete Sports: Streamlining Athletic Health and Organization

Complete Sports Co. is a platform created to streamline communication, scheduling, and holistic athlete wellbeing.  Built to serve athletes, coaches/faculty and staff, it provides a unified digital experience that makes operations efficient and athlete-centric.

Challenge

The client, Complete Sports, identified a major gap in how athletic organizations manage operations and communication. Many teams used multiple tools for scheduling, nutrition tracking, mental health check-ins, and progress monitoring. This creates inefficiencies and limits visibility between staff and athletes.

Solution

The goal of this freelance project was to design the minimum viable product (MVP) for Complete Sports that centralizes daily workflows for athletes, coaches, and staff and clearly communicate these features on their marketing website to attract potential partners and teams.

Role

Freelance Contract UI/UX Designer

Tools

Figma

Deliverables

MVP company website, MVP design for the internal web platform

EMPATHIZE

Understanding Tega Collective as a small business

Project Background | Design Process | Competitive Analysis

Project Background

Since this was an MVP project focused on launching quickly and validating the platform concept, the research phase was centered around business interviews and requirement analysis rather than direct user research, the client had already gathered input from their internal research and provided clear pain points and feature requests. As the sole UI/UX designer, I collaborated directly with business stakeholders to understand their goals, existing workflows, and technical requirements.

Given the MVP timeline and pre-existing internal research, I reframed my role from discovery to synthesis and translation. I led stakeholder interviews and discovery meetings focused on:

Design Process

Given the project’s fast-paced and collaborative nature, I adopted an Agile UX approach to design the MVP. This method allowed me to work iteratively, be flexible to stakeholder feedback, and continuously refine the platform as requirements and needs evolved.

My Agile UX process followed these key steps:

  1. Requirement Discovery: Worked closely with stakeholders to clarify MVP goals, define user roles, and prioritize core features for each sprint.

  2. Rapid Prototyping: Translated requirements into user flows and low-fidelity wireframes to visualize ideas early and gather quick feedback.

  3. Iterative Design Reviews: Presented progress to stakeholders regularly for input and refinement before moving to high-fidelity design.

  4. Developer Collaboration: Delivered design components with clear specifications, collaborating on implementation adjustments to maintain consistency and feasibility.

RESEARCH AND INSIGHTS

Understanding Tega Collective as a small business

Stakeholder Insight Map | HMW Questions | Business Requirements

Stakeholder Insight Map

To synthesize insights from the business interviews, I created a stakeholder insight map to capture key goals, pain points, and design implications. This helped ensure every design decision remained aligned with stakeholder priorities and technical feasibility.

Ideation:

HMW Questions

The objective of this phase was to translate strategic business insights into actionable design directions — ensuring that the MVP addressed both organizational needs and end-user workflows for athletes, coaches, and staff.

Documentation:

Business Requirements

Based on the synthesized insights, I translated business goals into formal requirements to guide the MVP design and development. This structure ensured alignment between business objectives, UX priorities, and technical implementation.

IDEATION

Understanding Tega Collective as a small business

Sitemap | User Flows| Sketches

Website Ideation:

For the website ideation phase, I created a sitemap to shows page hierarchy and content organization and a task flow to show a simple key conversion path for website CTA. This visually showed me what screens I would need to design and got me thinking about how the user would navigate between them.

Sitemap


Platform Ideation:

For the platform ideation phase, I created a user flow to show different

User Flow


Visual map of the steps an athlete or coach takes to complete a key task — e.g.,
Athlete logs in → views today’s schedule → completes task → logs progress → receives coach feedback.

You can have one per role (Athlete Flow, Coach Flow) or one combined flow showing conditional paths.

DESIGN

Understanding Tega Collective as a small business

Wireframes | Mockups

Website Wireframes

I translated the sitemap and task flows into low- and mid-fidelity wireframes to determine layout structure, content hierarchy, and navigation patterns for the website. These wireframes helped validate the placement of key elements like hero messaging, feature previews, CTA buttons, and the separation between Professional and Collegiate offerings before visual design work began.

Platform Wireframes

For the athlete-facing platform, I created wireframes outlining core screens such as the dashboard, daily schedule, tasks, and wellness modules. Because the platform needed to scale for future features, I focused on designing clean, modular layouts that could easily adapt to new components and data types. These wireframes helped stakeholders visualize how the athlete workflow would function end-to-end.

Website Mockups

Using the approved wireframes, I created high-fidelity mockups that applied the brand’s visual direction, color palette, and component system.
I purposely designed the landing page to be simple, straightforward, and informative for prospective clients.
To support deeper exploration, I included multiple CTA buttons and created interactive on-click feature pages that provided more detailed descriptions of the product’s capabilities.

Wanted to keep the landing page simple, straight forward and infromative for interested clients. Emphasis on onboarding/contact so added lots of cta and on-click pages to show more info about features

Platform Mockups

The platform mockups expanded the athlete screens into a refined UI using the updated color system, typography, spacing, and reusable components. My priority was developing a clear, easy-to-scan visual language so athletes could quickly understand their daily tasks, progress, and feedback. These mockups also aligned with the existing coach/staff modules to ensure cross-role consistency.

PROTOTYPING

Understanding Tega Collective as a small business

Prototype Walkthrough | Testing

Final Prototype

To synthesize insights from the business interviews, I created a stakeholder insight map to capture key goals, pain points, and design implications. This helped ensure every design decision remained aligned with stakeholder priorities and technical feasibility

Testing

Formal usability testing was outside the scope of this project; however, post-launch analytics provided early behavioral signals that helped evaluate the website’s effectiveness as a communication and onboarding tool. Following the public launch in January 2025, the site saw a significant increase in visibility and engagement, with over 6,600 visitors reached.

A second rise in traffic occurred around July, corresponding with the onboarding of the first teams. Unlike the initial launch spike, this later increase reflected more consistent engagement over time, indicating that the website continued to function as a reference point for active users exploring features and workflows. While the bounce rate remained relatively stable, the overall trend suggested that visitors were navigating beyond the landing page rather than immediately disengaging.

These metrics do not replace direct usability evaluation, but they helped validate that the information architecture and content hierarchy supported both discovery and continued use. If extended, this project would benefit from task-based usability testing and qualitative feedback to better understand how athletes, coaches, and staff further interpret and move through the system .

RETROSPECTIVE

Understanding Tega Collective as a small business

Business Impact | Design Impact| Reflection

Business Impact

The Complete Sports Co. project resulted in a MVP that translated a fragmented operational vision into a clear, market-ready product. By consolidating communication, scheduling, and performance tracking into a single platform, the MVP enabled stakeholders to clearly articulate the product’s value to collegiate and professional athletic organizations.

The accompanying marketing website established a coherent narrative around the platform’s purpose and capabilities, supporting early outreach and partner conversations. Together, the website and MVP aligned internal stakeholders around a shared product structure, creating a scalable foundation for future expansion into nutrition, mental health, and analytics without requiring fundamental changes to core workflows.

Design Impact

From a design perspective, this project produced a modular, role-aware interface system that balanced clarity, scalability, and implementation feasibility. Athlete workflows were structured around daily mental models such as schedules, tasks, progress, and feedback in a way that reduced cognitive load while remaining consistent with existing staff-facing tools.

Key design outcomes included a reusable component system, flexible layout patterns, and interaction logic designed to scale as new modules are introduced. Iterative refinement in response to stakeholder and developer feedback strengthened the connection between intent behind design and technical execution.

Reflection

This project marked my first experience leading end-to-end UX design to full developer handoff, a shift from my previous roles of designing and building independently to team collaboration. While this introduced challenges, my experience as a Business Analyst and Scrum Master significantly shaped how I approached the work. Instead of seeing requirements as limitations, I used them to my advantage to inform structure, clarity, and feature prioritization.

Throughout this design process, evolving requirements, working within tight deadlines, and limited access to end-users forced me to reconsider what constitutes a “good design” in an MVP context. One of the most challenging lessons I faced was learning when to stop designing. I learned to prioritize functionality and educational value over visual perfection for Complete.

This project reshaped my perspective on early-stage product design. I now view MVPs not as incomplete products, but as deliberate frameworks that guide behavior, learning, and future iteration.