SLEEPER APP FANTASY FOOTBALL GAME
This is a freelance opportunity for me to work as a visual/UX designer to help improve the user experience of the player card and its look and feels
THE FINAL LOOK
Overall fantasy chart is added to allow the user to view the progress quickly.
Made some changes to the header section to make it more readable.
Information is displayed by date/ year or users can switch to view all information of the season by clicking on view all
Added the player status
Added the compare feature
DESIGN PROCESS
This is the original content which we seek to refer from but also looking to improve its visual hierarchy, overall user experience, and make it easy and faster to absorb the information
1. Understand user story and user persona
Used the information given by the team to understand the end user and set up the goal by writing it in the user story method
2. User interview
I scheduled an interview with a user (Wilder) who has been using Sleeper.app so that I could understand more about their needs and their pain points. Here are my findings:
3. Usability issue with sleeper’s existing colors
The current color scheme works really well throughout the web version except for the heading section where the basic information of the player lives. The color of that heading section changed depending on what team the player plays for, which makes it inconsistent and causes legibility and readability issues. and the font size should be larger than 16px and more for a web version. I found some texts that are currently 14px or less
4. Sketches and ideation
5. The final look
The 12 grid system