N

Coachless

Freelance Client Project

Role

UX Designer

Scope

1 week

Skills

B2C Web Design

Wireframing

Landing Page Design

Year

2025

Context

Coachless is a League of Legends subscription-based service that helps players improve their gameplay through the utilization of data science and machine learning methods; their data models track player match histories and calculate win probabilities for the game's itemization system in order to assist players in the decision-making process.

Over the course of a single week, I was tasked with crafting wireframes to redesign the Coachless website and implement new features that would make the user experience more accessible and user friendly.

The Problem

When accessing the Coachless website, users feel confused on how to incorporate the match and item statistics into their gameplay, leading to frustration in understanding how Coachless could benefit them. As a result, Coachless fails to communicate its product’s value due to this issue, potentially leading to fewer customers in the long run. This presents an opportunity to improve upon Coachless’ value proposition by redesigning the website and enhancing the user experience.

When accessing the Coachless website, users feel confused on how to incorporate the match and item statistics into their gameplay, leading to frustration in understanding how Coachless could benefit them. As a result, Coachless fails to communicate its product’s value due to this issue, potentially leading to fewer customers in the long run. This presents an opportunity to improve upon Coachless’ value proposition by redesigning the website and enhancing the user experience.

Results + Reflection

My designs are gradually being added onto the Coachless website, with the implementation of the landing page alone directly resulting in a 10% increase in CTR and the client hiring me for an additional future project.

Working as the sole designer of a freelance project allowed me to learn so much about my own design process, but one of my biggest challenges was figuring out a solution that would not only satisfy the users of Coachless but also my client as well.

However, maintaining constant communication with the client allowed me to make iterations at each stage of my design process based on their feedback, while utilizing user research to inform my design decisions.

Wireframes

Client Requirements

Results + Reflection

My designs are gradually being added onto the Coachless website, with the implementation of the landing page alone directly resulting in a 10% increase in CTR and the client hiring me for an additional future project.

My designs are gradually being added onto the Coachless website, with the implementation of the landing page alone directly resulting in a 10% increase in CTR and the client hiring me for an additional future project.

Working as the sole designer of a freelance project allowed me to learn so much about my own design process, but one of my biggest challenges was figuring out a solution that would not only satisfy the users of Coachless but also my client as well.

However, maintaining constant communication with the client allowed me to make iterations at each stage of my design process based on their feedback, while utilizing user research to inform my design decisions.

Working as the sole designer of a freelance project allowed me to learn so much about my own design process, but one of my biggest challenges was figuring out a solution that would not only satisfy the users of Coachless but also my client as well.

However, maintaining constant communication with the client allowed me to make iterations at each stage of my design process based on their feedback, while utilizing user research to inform my design decisions.

Wireframes

The client provided sketches of 5 desired user flows when interacting with Coachless. I would utilize these service paths as guidelines for my wireframe designs.

The client provided sketches of 5 desired user flows when interacting with Coachless. I would utilize these service paths as guidelines for my wireframe designs.

Next case

Scurry | Designathon Winner

Next case

Scurry | Designathon Winner

Create a free website with Framer, the website builder loved by startups, designers and agencies.