Case Study.



UI Designer

Overview: Productivity doesn’t have to be complicated. Here is a simple but effective approach to an app that will make life easier for all at Elite Athlete Management Agency.

Responsibilities: I participated in the UX Research aspect, but mostly focused on the UI. Additionally, I managed the project plan.

Tools: Figma, XD


The Problem

Professionals athletes have a very busy schedule. From practice, to games, to marketing and charity events, time is of the essence. It’s very easy for a player to forget about activities that are out of the scope of their daily routine. Most athletes are their own personal assistance and organization across platforms can be difficult. Athletes are anywhere from 21 years old to 30 years old and so communication and organization may not be their strong suit or top priority.

The Solution

We wanted our app to be affective at what it does but also not boring to use or look at. It was a difficult challenge to build a management app that brings agent and clients together in one platform, looking modern and vibrant was a big plus for our stakeholder. We know with our research and the brand we build, Apex is the app for ELITE Athlete Management.

Client Interview

Meet your stakeholder


Anfinity Diagram

Collecting data


Feature Comparison Analysis

Comparing each website’s features helped us think of functionalities our product must have and opportunities for new features.


User Persona

Who are we designing for?


User Journey

We build a user journey for each of our personas. The client (in this case a football player) journey shows what a week looks like. We highlighted some of their pain points and opportunities for our app. Agent’s day is rapid, some of his responsibilities, pain points and opportunities as well are represented.


Athletes Problem Statement

Elite Athlete Management’s NFL clients are not managing their work and personal events properly because they don’t have a centralized system or designated location to have their calendar and to-do lists. If we can solve this problem, it would impact Elite Athlete Management’s clients positively because they’d have all the information stored and organized in one place.

Agents Problem Statement

Elite Athlete Management’s agents are using different ways to manage their clients because they don’t have a unified system to organize their client’s calendar and communicate with them in a streamlined way. If we can solve this problem, it would impact Elite Athlete Management positively by aligning all agents on how to manage their clients.

How Might We

Next, we came up with 3 How Might We questions that helps us understand how we will keep the Clients and the Agents in sync.


Moscow Method

At this point we got a clear idea of what the agent needed to provide completed service to his client’s and what the client needed to be more successful in his career and daily life. We decided to use the Moscow Method to prioritize the features that could benefit the agent and client the most while keeping them synchronized.


Site Maps

Flowing the two different perspective we build two site maps, one for the clients and one for the agents. They help us visualize how each user will navigate through our app. When building them we had to the about the different needs of our users and what are the most important things to them.


User flows

When were deciding on our user flows we really wanted to create something that would show what this app is representing and why is so important. We build a user flow that could outline the synchronization of a client and an agent. The Client would request for the agent to book him/her a flight and the agent would have to complete the request and send the client the flight information.


Low-fi Wireframes

Went building the first iteration of our app we wanted to build with the needs of our different users in mind. We each build our own concept sketched and then we discuss it as a team and pick the best one, in this case we picked something from each concept. When I did my concept sketches, I was thinking of keeping the most important things up front. I wanted the to-do list and daily task up front and center for the clients. When new revealed our sketches, I was pleased to see my teammates and I were on the same page.


Mid-fi Wireframes

we build our mid-fi based on our lo-fi. We did not make any changes because we did test our lo-fi, we made changes to make more user friendly and accessible.



Next, we did our moodboard, we really wanted to hit our attributes. We tested our moodboard and we were not getting the results we wanted. The results were completely off so we decided to build another one to hit the marks. The moodboard will create our color palette, which we will use to design the app. The new moodboard look and feel different and the results aligned nicely with our attributes.




Style Tile


Hi-fi Wireframe

When we were creating our hi-fi we wanted to create an app that would connect the agent and their clients on a whole new level. We wanted our app to be affective at what it does but also not boring to use or look at. It was a difficult challenge to build a management app that looks modern and vibrant, but we know with our research and the brand we build, Apex is the app for ELITE Athlete Management

Hi-fi Wireframe

Test it yourself!

You can test the prototype yourself via this link.


Next Steps

We would like to do usability tests to the Hi-Fi version.
Design screens for the To-Do functionality.
Design more request forms and get feedback from final users to see where the app needs improvement.

This project was really challenging, we had to think outside the box while keeping accessibility in mind. I am proud of this achievement, and I am looking forward to using the knowledge I gain to further my career as a UX/UI designer.

Thank you for your time.


Let's connect!