Table of Contents

TutorEase Logo

Making Online Tutoring Simple, Personal, and Connected

TutorEase is a web tutoring platform concept that brings students, parents, and tutors together in one place. It focuses on reducing booking friction, supporting personalized learning, and improving communication and progress tracking.

Role

Product Designer, Solo project 

Platforms

Website

Contribution

UX research, UI design, prototyping

Timeline

May 2024 - May 2024 ~4 weeks

Cover Image Small

Problem & Goal

By research and exploring existing platforms, I saw booking was tricky, learning wasn’t personalized, and communication was messy. These shaped the key challenges and goals.

Challenges
Challenges
Goals
Goals

Target Audience & Research

Who I Designed For:

There was no web version at all. So we had two big missions:

  • Students
  • Parents
  • Tutors

How I Researched:

I ran a short survey with 9 questions to understand expectations and
analyzed competitor platforms to see what worked and what didn’t.

Competitor Analysis
Competitor Analysis

Understanding the Users

I created one persona to keep things simple and relatable. Then I mapped out their thoughts and feelings to see things from their shoes, and followed their journey to spot pain points and moments where TutorEase could make things smoother.
Basically, I turned research into a story.

User Persona
User Persona
Empathy Map
Empathy Map
User journey Map
User journey Map

Information Architecture & Flow

I mapped out the structure to make sure everything had its place, then built a simple flow so users could move through the platform without friction. I made small changes along the way to keep everything clear and easy to use.

Information Architecture
Information Architecture
User flow
User flow

Design System & Visuals

To bring TutorEase to life, I built a simple but flexible system to keep everything consistent and easy to scale from typography and colors to grids, components and icons.

Typography Color Palette
Typography Color Palette
Grid System 1
Grid System 1
Components Icons 1
Components Icons 1
  • HI-Fi Wireframes

I turned the ideas into clean, detailed screens to see how the platform would really come together. After sharing with the community, I tweaked a few things to make the flow smoother and keep it simple.

Final Design

The final look brings everything together, a balance of research, feedback, and design decisions that shape the experience.

Home Page
Home Page
Become a Tutor
Become a Tutor
Tutor Profile Book a Session
Tutor Profile Book a Session
Registering as a Tutor
Registering as a Tutor
Dashboard
Dashboard
Virtual Classroom
Virtual Classroom
  • Mobile Responsive

Reflection

Working on this project gave me the chance to explore how design decisions shape learning experiences. From structuring flows to refining visuals, I learned the value of keeping things clear and adaptable. Feedback played a big role, and it reminded me that even small changes can have a big impact on usability.

View the interactive prototype on Figma.

Enchanted Aura

I use Google Analytics to understand how the site is used and keep improving the experience. By continuing to browse, you agree to the use of cookies. You can learn more in the Google Analytics Privacy Policy.