Tutor Orial

Tutor Orial

01 — Project Context

Tutor Orial is an online service where students search for friendly tutors. They launched their website but received a lot of complaints and bad reviews accompanied by poor conversion rates.

Project team

Carla Sunji

Timeline

6 weeks [graduate project in Parsons MPS Communication Design program]

My Role

Heuristic analysis

Adjacent industry audit

Low fidelity wireframing

Usability testing

High fidelity prototype

UX/UI design

Challenge

Identify issues with usability and flow.

Flow update and redesign the Tutor Orial website.

02 — Discovery

Original flow

01 Landing page

02 Account creations

03 Payment

04 Tutor selection

05 Scheduling

06 Confirmation

Heuristic evaluation of Tutor Orial

03 — Low Fidelity

Prototype A

01 Landing page

02 Search

03 Guided questions

04 Tutor selection

05 Scheduling

06 Account creation

07 Payment

08 Confirmation

Prototype A - Low Fidelity frames

In Prototype A, the user answers guided questions and is then matched with a tutor. Account creation comes after scheduling.

Prototype B

01 Landing page

02 Search

03 Filters

04 Tutor selection

05 Account creation

06 Scheduling

07 Payment

08 Confirmation

Prototype B - Low Fidelity frames

In Prototype B, the user can refine their search through filters. Account creation comes before scheduling.

04 — Usability testing takeaways

01 - More filtering options for more user control

"I want to filter tutors to be in control of tutor options."
—User 2 on Prototype A

"Likes the filtering options because student has more clarity on how they can search based on their budget and subject."
—User 3 on Prototype B

Filtering options from Prototype B

02 - Preference for instant tutor match instead of a guided questionnaire

"Expected to get tutor results."
—User 1 on Prototype A

"Upon clicking search, didn’t expect to get a questionnaire because it’s not what she wanted."
—User 4 on Prototype A

"Wish there is a way to skip through questionnaire."
—User 1 on Prototype A

Guided questionnaire from Prototype A

03 - Want to see tutor availability prior to booking and account creation

"Would have preferred to see tutor availability on tutor matches."
—User 1 on Prototype A

"Prefers to see schedule before clicking “Book”."
—User 1 on Prototype B

"Prefers seeing time options before booking at least as a filter for the sake of matching with her availability."
—User 2 on Prototype A

"Wants to see calendar on tutor profile so that it caters to the users’ time and wouldn’t have to search multiple for tutors with available hours."
—User 1 on Prototype B

Updated tutor availability and scheduling as per user feedback

05 — High Fidelity

Design System and Variants

Tutor Orial design system and variants

Final Prototype

Redesigned tutor results and filtering options Redesigned tutor availability and booking Redesigned payment page and order summary

06 — Reflections

Next steps...

Add more features: profile page and contact tutor

Further user testing on hi-fi prototype

More animations

Lessons learned

Prioritizing what to focus on

User testing reveals what's working and not working