Apex Project

Read the full case study UX and UI Process →

Apex - by ELITE Athlete Management

The Challenge

Help professional athletes with the following:
• Manage their calendar.
• Simplify task to complete.
• Automate Frequently Asked Questions.
• Manage communication with agents and clients.
‍
Help agents with the following:
• Add events to athlete’s calendar.
• Confirmation and trip details.
• Agent profile.
• Manage communication with agents and clients.
‍

Client

ELITE Athlete Management is a sports agency who offers a superior package of personal service, dedication and expertise to its clients.

My Team

Wisler Altidor — UX UI Designer • Albert Burks— UX UI Designer • Jabneel Diaz— UX UI Designer

Duration
4 weeks

Tools
Figma, Maze, Coolors, Photoshop.

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

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.

Moodboard

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.

.

UI Style Guide

.

Typography

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.

Mid-fi Test

We tested our mid-fi through Maze, maze is an amazing software. I love using it to test wireframes, maze give you an incredible amount of quantitative. We had 7 testers with a 93% success rate on both flows with some useful feedback from the users.

Visual Competitor Analysis

We tested our mid-fi through Maze, maze is an amazing software. I love using it to test wireframes, maze give you an incredible amount of quantitative. We had 7 testers with a 93% success rate on both flows with some useful feedback from the users.

Hi-fi Prototype

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

Test it yourself!

You can test the prototype yourself via this link.

Agent Prototype Client
Prototype

Thank you for your time.

Next Steps

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.

Read the full case study UX and UI Process →