​UX/Product Designer
TutorSpace -AN EDUCATIONAL PLATFORM AIMING TO CONNECT STUDENTS AND TUTORS
TutorSpace is a platform dedicated to quickly connecting students with tutors. It aims to help students find the right tutor for them and build a platform for sharing teaching resources on campus. I co-founded this platform with two friends from University of Southern California in the hope of helping students access high-quality online tutor services and adapt to remote learning during the COVID-19 epidemic. The product launched at the University of Southern California in January 2021, receiving 60+ user feedback within a week.
​Design Software
Figma, Photoshop
​Technology
Figma, HTML, CSS, Data Science
Year
2021
Background
We collaborated with International Consulting Club @ USC to send out online surveys to 100+ USC students in hopes of understanding their attitudes and habits towards tutor service. According to survey results, more than 84% of the students had a need for tutor service, especially during midterm and final periods. 78% of the students had used on-campus tutor resources, and about 40% of the students said that the current on-campus tutor resources could not solve their needs because the number of tutors was small and the teaching time was relatively fixed.
84%
of the participants had a need for
tutor service on campus
40%
of the participants were unsatisfied
with current tutor service
User Journey Map
To better understand how our users are currently using the tutor matching service, I interviewed several students. who have used tutor matching service on campus, and then have divided the process into four stages: encounter problems, schedule an appointment, tutoring, and follow-up questions. I created a user journey map to analyze users' pain points and potential opportunities for our product.
User Journey Map
Based on the user journey map, I started to outline the user work flow for our product and created information architecture and wireframes for the first round of user testing.
User Work Flow - Book a Tutor Session
Branding & UI Components
​
Based on the results of the user research, I created the visual identity of the brand, and I chose to use color-coding to differentiate the interface based on the two different user groups, tutors and students. I used purple to represent tutor because it gave people a stable feeling and symbolizes professionalism. I used a light blue to represent students, because blue was energetic and symbolizes progress.
Logo Design
UI Component Demo (Tutor)
UI Showcase
The project was officially launched in January 2021 and has received 60+ user feedback after the first week of launch. We are currently working on iterating our design and adding new features to the platform based on another round of user testing feedback to improve the user experience.
The Tutor Sessions page was featured with an interactive calendar function and upcoming session reminders. With the interactive calendar, we expected students to be able to see tutor availability at a glance and book a lesson within minutes. We expected tutors to quickly check their schedule at the first sight.
From the Notification page, tutors were able to check new tutor requests from students. Tutors may also quickly view the details of the requested session and accept or decline the request in the notification pages.
Design For Tutors...
In the student's dashboard page, we added the function of recommending and bookmarking tutors to help students match with the tutor they like. At the bottom of the dashboard, we also included a recommendation system for forum posts through an AI algorithm to encourage students to participate in discussions and share their class experiences.
We also designed the Message system for our products. From the Message page, students are able to message tutors directly to ask questions in real-time and to schedule sessions with one click.
Design For Students...