Image Toggle

Tutor Dashboard

   

is designed to help tutors manage their lessons effortlessly while providing a motivating environment.

Availy Tutor is an internal web/app platform designed to manage classes and the performance of Availy tutors.

MY ROLE

As the sole product designer on the team, I designed the entire platform that centralizes key actions scattered across other platforms(i.e. Calendly, Notion, Google Docs, Gmail, etc.) and simplified user flow. Additionally, I worked closely with the founder, operation managers, and engineers to set the goals and scope of the project, taking time and quality into account.

Team
1 Designer
3 Engineers
2 Operation Managers
Tool Used
Figma
Proto Pie
After Effects
Role
UX/UI Design
Visual Design
Research
Prototyping
Timeline
Mar-May, 2022
7 weeks

The challenge

How might we help tutors manage their classes more efficiently and stay motivated?

Project
Background

There was no centralized platform for tutors to manage their classes on Availy (Engall). Tutors had to rely on various web applications to track their classes and performance. Many faced issues understanding Availy's unique payment system and policies, leading some to switch to other tutoring platforms. With the rebranding, it became clear that a unified platform was needed. This platform would allow tutors to manage their own classes, reduce the workload of operations managers, and provide motivation and support within the Availy ecosystem.

Final Designs
Research

Observation
Interview

I conducted a total of six interviews. The interviewees included operations managers and tutors from their 20s to 50s who used tutoring platforms in various ways. They consisted of a full-time tutor in their 20s who also used other tutoring platforms, a graduate student in their 30s tutoring part-time, a retired digital nomad in their 50s tutoring while traveling the world, and tech-savvy tutors and operations managers in their 20s. These interviews provided valuable insights into the challenges tutors face and the issues with the current platform.

COMPETITIVE
ANALYSIS

I researched four other online 1:1 English education services.

Findings

  • Dashboard-style modular blocks make it easy to see the performance at a glance and maximize space utilization.
  • It is much more intuitive to show one class as one block on a weekly calendar combined with an hourly timeline.
  • Showing what tutors must do and what they are most curious about on the home screen at once can help tutors manage classes effectively.
  • Many education services include features like copy schedule, sync calendar app, tutor level system, substitute canceled classes, and more for efficiency.
Design Process

PRIORITIZATION:
MoSCoW

I adapted the MoSCoW Method for prioritizing requirements within this time-boxed project.
Due to the lack of development manpower, especially front-end developers, it was impossible to implement a list of features based on interviews in a short period of time. So, I consulted with the project owner, operations managers, tutors, and developers to properly scope this project.

MoSCoW method︎︎︎

System Map

After prioritization, we set the desktop web as the main platform where tutors can use all functions, and the mobile app as the sub-platform where tutors receive important notifications, urgently modify schedules or check simple information.

Wireframes

In order to communicate quickly and receive various feedback, I drew lo-fi wireframes while brainstorming based on ideas and user concerns.