Yolo Study Online.
Role
Product Designer
Duration
5 months
8 months
8 months
8 months
8 months
Platfrom
Web
Created with
Front-End Engineer
Back-End Engineer
QA Specialist
Product Manager
Product Manager
Product Manager
Product Manager
Overview
Yolo Study Online assists its customers in achieving their goals by providing an enriching online learning experience. The main objective was to enhance the user experience, introduce new digital products and boost conversion rates.
Role
Product Designer
Duration
4 months
Platfrom
Responsive Web
Link
Overview
Buki is an online platform that connects private tutors with students. With 110,000+ tutors and 200+ subjects, Buki makes it easy for students and tutors to find each other.
Yolo Study Online assists its customers in achieving their goals by providing an enriching online learning experience. The main objective was to enhance the user experience, introduce new digital products and boost conversion rates.
Yolo Study Online assists its customers in achieving their goals by providing an enriching online learning experience. The main objective was to enhance the user experience, introduce new digital products and boost conversion rates.
Yolo Study Online assists its customers in achieving their goals by providing an enriching online learning experience. The main objective was to enhance the user experience, introduce new digital products and boost conversion rates.
Yolo Study Online assists its customers in achieving their goals by providing an enriching online learning experience. The main objective was to enhance the user experience, introduce new digital products and boost conversion rates.
Primary objectives
One of the key goals of this project was to revamp the existing website. This involved identifying core problem areas and proposing solutions through a redesig. The focus was on streamlining the overall user flow and introducing several new pages to enhance user engagement. Additionally, the task was to develop a contemporary and appealing brand aesthetic, incorporating colors and patterns that resonate with a younger audience.
Improving the flow of user experience
Initially, we identified the crucial metrics to gauge the success of any modifications we make in the user flow. We analyzed data from Google Analytics to determine which changes we could test. For instance, we found that sending reminders before the lesson to users increased the conversion rate by 16%. Our first task was to encourage the user to register for a free lesson. Our second task was to motivate registered users to attend the lesson. However, the percentage of users attending free lessons was significantly low. After implementing some changes such as sending reminders before lessons via emails, we could increase the attendance rate by up to 30%.
Research
I began by conducting a heuristic evaluation to identify the major issues that could hinder users from finding what they needed on the platform. The users were feeling lost during their experience. To gather data on user behavior, I used recordings, heat maps, and Google Analytics. My findings showed that people were interested in special courses. Google Analytics data showed that visitors were coming to the website through articles, but the bounce rate was as high as 90%. Additionally, I msde competitor analyses and interviews with users who were using other language-learning sites in order to understand their preferences.
Prototype
I conducted a heuristic evaluation to identify problem areas on the platform. To gather data on user behavior, I utilized various methods such as recordings, heat maps, and Google Analytics. Based on my findings, I discovered that users were interested in special courses, but had difficulty finding what they needed due to the presence of around 25 online courses that were too similar to one another. To better understand user preferences, I also conducted competitor analyses and interviewed users who were using other language-learning sites.
Old Structure
The site was bulky and recordings showed that for users it was quite difficult to find specifically what they needed. There were too many special courses and English courses were divided into level categories, but 75% of users I interviewed didn't know which level of English they had.
New Website Structure
The hierarchy of pages was changed as well as the user flow. Most of the potential clients were adults who were searching for individual lessons. Thus, this offering was moved to the top of the list. In addition, the main page started to include all types of lessons, so each user could find exactly what he was searching for. I decided to group pages from "what" to "who" and rename its headers.
Design
We decided to use photos of our tutors, as they go along the learning process together with each student. These mentors motivate along the way and help students to continue the learning process.We also added gamification, where Stars represent students' achievements that they get during the learning process.Lines on the website are mostly invisible, but they are a symbol of the learning path that each student should go through in order to reach their goals
Let's get in touch
Next Cases
Let's get in touch
Let's get in touch
Primary objectives
One of the key goals of this project was to revamp the existing website. This involved identifying core problem areas and proposing solutions through a redesig. The focus was on streamlining the overall user flow and introducing several new pages to enhance user engagement. Additionally, the task was to develop a contemporary and appealing brand aesthetic, incorporating colors and patterns that resonate with a younger audience.
Improving the flow of user experience
Initially, we identified the crucial metrics to gauge the success of any modifications we make in the user flow. We analyzed data from Google Analytics to determine which changes we could test. For instance, we found that sending reminders before the lesson to users increased the conversion rate by 16%. Our first task was to encourage the user to register for a free lesson. Our second task was to motivate registered users to attend the lesson. However, the percentage of users attending free lessons was significantly low. After implementing some changes such as sending reminders before lessons via emails, we could increase the attendance rate by up to 30%.
Research
I began by conducting a heuristic evaluation to identify the major issues that could hinder users from finding what they needed on the platform. The users were feeling lost during their experience. To gather data on user behavior, I used recordings, heat maps, and Google Analytics. My findings showed that people were interested in special courses. Google Analytics data showed that visitors were coming to the website through articles, but the bounce rate was as high as 90%. Additionally, I msde competitor analyses and interviews with users who were using other language-learning sites in order to understand their preferences.
Prototype
I conducted a heuristic evaluation to identify problem areas on the platform. To gather data on user behavior, I utilized various methods such as recordings, heat maps, and Google Analytics. Based on my findings, I discovered that users were interested in special courses, but had difficulty finding what they needed due to the presence of around 25 online courses that were too similar to one another. To better understand user preferences, I also conducted competitor analyses and interviewed users who were using other language-learning sites.
Old Structure
The site was bulky and recordings showed that for users it was quite difficult to find specifically what they needed. There were too many special courses and English courses were divided into level categories, but 75% of users I interviewed didn't know which level of English they had.
Design
We decided to use photos of our tutors, as they go along the learning process together with each student. These mentors motivate along the way and help students to continue the learning process.We also added gamification, where Stars represent students' achievements that they get during the learning process.Lines on the website are mostly invisible, but they are a symbol of the learning path that each student should go through in order to reach their goals
New website Structure
The hierarchy of pages was changed as well as the user flow. Most of the potential clients were adults who were searching for individual lessons. Thus, this offering was moved to the top of the list. In addition, the main page started to include all types of lessons, so each user could find exactly what he was searching for. I decided to group pages from "what" to "who" and rename its headers.
