Tutor Orial
ROLE
UI/UX
User research
Visual identity
UI/UX
User research
Visual identity
TEAM
Solo project
Solo project
TOOLS
Figma
Google Sheets
Notion
Figma
Google Sheets
Notion
DATE
August–October 2022
August–October 2022
INTRODUCTION
Tutor Orial is a tutoring agency aimed at high school and college students, that focuses on matching students with fun and friendly tutors. I helped shape their onboarding flow and visual identity following their online launch, which had received low completion rates due to the confusing sign-up process.
Problem
HEURISTIC ANALYSIS
Tutor Orial is a new tutor agency for high school and college aged students that specializes in finding fun and friendly tutors that help students learn.
They launched their online flow about a year ago and have very low completion rates. They have gotten a lot of complaints and bad social media reviews about how confusing the process is. The business is struggling and many tutors want to leave because they are not seeing enough clients.
![Original landing page]()
Tutor Orial is a new tutor agency for high school and college aged students that specializes in finding fun and friendly tutors that help students learn.
They launched their online flow about a year ago and have very low completion rates. They have gotten a lot of complaints and bad social media reviews about how confusing the process is. The business is struggling and many tutors want to leave because they are not seeing enough clients.
Process
HEURISTIC ANALYSIS
To begin the redesign process, I conduced a heuristic analysis to identify and prioritize areas for improvement in the sign-up process.
![]()
KEY INSIGHTS
The areas requiring the highest priority for improvement were as follows:
![]()
LOW-FIDELITY SKETCHES
The next step was to explore potential solutions by first brainstorming various user pathways and creating low-fidelity wireframes. I created three low-fidelity wireframes that represented three different user flows.
![Concept 1 — Onboarding quiz]()
![Concept 2 — Simple search feature]()
![Concept 3 — Browse by categories]()
MID-FIDELITY PROTOTYPES
The two most resolute low-fidelity prototypes were chosen to move forward into mid-fidelity prototyping for usability testing.
![Prototype 2 — Simple search feature]()
![Prototype 1 — Onboarding quiz]()
USABILITY TESTING
I performed two rounds of usability testing with my target audience of high school students, refining the mid-fidelity prototypes based on the results of each round.
![]()
KEY FINDINGS
Based on the insights gathered during my recent usability testing round, there are several key takeaways that I need to integrate into my final design:
![]()
VISUAL IDENTITY
The rebranding was intended to create a friendly, vibrant, and curious feel that aligns with the target audience and introduces a fresh perspective on traditional tutoring.
![Moodboard]()
![Color palette]()
![Logo concept]()
![Logo variations]()
To begin the redesign process, I conduced a heuristic analysis to identify and prioritize areas for improvement in the sign-up process.
KEY INSIGHTS
The areas requiring the highest priority for improvement were as follows:
LOW-FIDELITY SKETCHES
The next step was to explore potential solutions by first brainstorming various user pathways and creating low-fidelity wireframes. I created three low-fidelity wireframes that represented three different user flows.
MID-FIDELITY PROTOTYPES
The two most resolute low-fidelity prototypes were chosen to move forward into mid-fidelity prototyping for usability testing.
USABILITY TESTING
I performed two rounds of usability testing with my target audience of high school students, refining the mid-fidelity prototypes based on the results of each round.
KEY FINDINGS
Based on the insights gathered during my recent usability testing round, there are several key takeaways that I need to integrate into my final design:
VISUAL IDENTITY
The rebranding was intended to create a friendly, vibrant, and curious feel that aligns with the target audience and introduces a fresh perspective on traditional tutoring.
Final outcome
LANDING PAGE
The landing page prominently displays a search function that allows users to select the type of tutoring they require, and if they choose in-person tutoring, they can also select a location.
The landing page prominently displays a search function that allows users to select the type of tutoring they require, and if they choose in-person tutoring, they can also select a location.
SEARCH RESULTS
The search results page has a comprehensive filtering system and a tag system to refine search results.
SCHEDULING
The online lesson request page includes a time zone converter making it easier for both parties to coordinate their schedules.
STUDENT HUB
To enhance the user experience and streamline the online tutoring process, a user dashboard was designed as a central hub for managing all aspects of the tutoring relationship.
PAYMENT
To ensure a secure and trustworthy transaction, payment is only required after the tutor confirms the lesson request. Included is an option for students to add their parent's email address for notifications and email reminders for upcoming lessons.