About + Contact
image

Project overview

FanPlei is the leading fantasy sports site in Mexico, with free and paid contests available for NFL, MLB, UEFA Champions League and Liga Mexico.

Our challenge was to redesign the FanPlei platform with a focus on increased usability, engagement and retention. I worked with FanPlei stakeholders and customers over a 9-week period to create this proof of concept.

Research

Stakeholder Interviews

To kick off the project, I interviewed all 4 FanPlei stakeholders to understand their business goals, challenges, and overall team dynamic. We came away from the interviews with a few key insights:

Defining Business Goals

After completing stakeholder interviews, I met with the entire team and we defined a few key business goals for the project.

User Interviews

Five FanPlei users (both new and experienced) were interviewed over Skype. We generated a few important takeaways from speaking with users:

Usability Testing

We followed up our interviews with five remote usability tests using lookback.io. Users were asked to complete a series of tasks on FanPlei’s desktop and mobile site, and their activities were recorded. We analyzed the results of these usability tests with an affinity mapping exercise and identified some common usability problems:

fanplei-use
Usability Affinity Map

Usability Problems:

Design

Speaking with stakeholders, interviewing users and conducting usability tests helped us understand FanPlei’s business goals and usability problems within the current system. I wireframed some potential solutions to the problems that we discovered in usability testing
(click to expand).

Wireframes

fanplei-use
Lobby
fanplei-use
Create Contest
fanplei-use
Invite Friends

I presented our usability findings and some low fidelity wireframes of FanPlei’s main features to the team. The stakeholders were overall satisfied with my proposed solutions, so I began to create a style guide and high-fidelity mockups.

High-Fidelity Mockups

We began creating our high-fidelity mockups by researching fantasy sports platforms and more general Mexican sports culture.The team wanted to go for a minimal and clean UI similar to FanDuel, but with bolder, more vibrant colors that embody the spirit of Mexican futbol. We wanted to continue using green as our brand’s primary color, but we felt that the current FanPlei green was not as fresh and exciting as it could be.

Prototypes

After producing some mockups, we built a prototype that takes a desktop user through the flow of creating a contest and inviting their friend(s) to join the contest. Users had a very difficult time performing this task in our first round of usability testing, so we wanted to test our proposed solutions to this task with another round of users. We believe that improvements to this functionality will get more users playing FanPlei with their friends, which will in turn boost the platform’s retention and growth.

Next Steps

After completing this clickable prototype, I want to complete at least one more round of usability tests before shipping the first version of our redesigned FanPlei platform. In future usability tests, I want to see improvements in the main usability roadblocks we initially discovered (see Usability Insights section). I also want to look at Google Analytics data for improvements in the key metrics we initially defined (increased % of private contests, increased retention, increased MAU).

Overall, this project has been a valuable lesson in utilizing stakeholder input and usability data to create a design system from the ground up. The brand refresh was an especially fun exercise that pushed my limitations as a budding visual designer. I plan to take on more freelance projects like this in the future.

FanPlei Redesign

fanplei-use
Lobby before
fanplei-use
Lobby after
fanplei-use
Create contest before
fanplei-use
Create contest after
fanplei-use
Mobile lobby before
fanplei-use
Mobile lobby after
fanplei-use
Mobile hamburger menu before
fanplei-use
Mobile hamburger menu after
NEXT - The Helper Bees: Personalized Healthcare