︎
Carla Pan
PROJECTS     ABOUT    CONTACT
Tutor Orial

UX Redesign
Wireframe and User Flow
The project involved identifying existing problems and designs to redesign their website. Registered users would have their private spaces designed with the idea of simplicity at the core.




Project Time
3 Weeks

Challenge
&Problems
How can we enhance user trust and brand security through an engaging and visually appealing onboarding experience?

  • Tutor Orial has a low completion rate attributed to its challenging onboarding process.
  • Unfriendly design has deterred new tutors and users from engaging with the platform.


Takeaways
  • Simplify the current flow.
  • Improve credibility and authenticity.
  • Use real tutor images instead of just illustrations.
  • Provide clear exit options during booking.
  • Delay payment requests until after users view tutors.
  • Enhance the signup and booking experience for new users.


Solution
I tackled these issues with a design-focused approach, identifying complex user flow and inconsistent design as key contributors to a poor user experience



Goals&
Ideation Design


  • Design an end-to-end flow for a personalized tutor website.
  • Ensure text hierarchies, graphics, and images align with the overall look and feel, conveying information accurately.
  • Redesign the website to align with the brand's identity.




Usability test script 

Based on the feedback, I addressed layout issues and began creating a mood board to establish the visual identity.




Synthesis & Color Palette

Through recording feedback and reflections from these interviews, I've identified key areas that require further improvement.




User Flow

Based on the feedback, I plan to make subtle changes to the dashboard pages, buttons, and progress bars to enhance user friendliness for new users.




Redesign

Login Page


  • Personalized Spaces: Private areas tailored for registered users.

  • Streamlined Interface: Simplified for easy navigation.

  • Minimalist Design: Focuses on clarity and functionality.

  • User Control: Enhanced settings and preferences.

  • Consistent Experience: Unified design language for familiarity.




Redesign

Find Tutor 


  • Filters available for subjects, price, and time.

  • Users choose tutors based on their schedule.

  • Easy-to-use interface for browsing and selecting tutors.

  • Real-time availability shown for scheduling.

  • Quick search to find tutors matching criteria.




Redesign

Reserve


  • Comprehensive tutor profiles with detailed information and student reviews.

  • Seamless reservation system for booking courses.

  • Access to verified reviews to aid decision-making.

  • Clear course details provided.

  •  Simple interface for booking courses.




Redesign

Confirmation


  • Course details are on the confirmation page.

  • Class schedule is clear for review.

  • The page gives a complete course overview.

  • Timings and session specifics are easy to verify.

  • Course details, including schedule, are accessible on the confirmation page.






Redesign

Dashboard


  • Students’ schedules are visible on the dashboard.

  • Students will have access to course materials through the website.

  • Real-time progress and grade tracking.

  • Students can communicate with instructors and classmates via integrated messaging.

  • Students can receive notifications and updates about their courses directly on the dashboard.

Learnings Reflections & Challenge

Through my research and documentation process, I successfully created high-fidelity prototypes. My motivation for this project stemmed from a desire to streamline information logging. I've learned that effective project design requires deep expertise and ongoing practice.

The project primarily centers on enhancing a tutoring website. I enjoyed acquiring skills in rapidly creating useful sketches and gained valuable insights into the importance of group discussions. These discussions fostered an open exchange of ideas among team members, enriching our project development process.
© 2025 Carla Pan | All design works submitted under the professional name "Carla Pan". Legal name: Yu Pan.