Hyphen
Hyphen
An app linking Mandarin learners with the right teachers.
An app linking Mandarin learners with the right teachers.
UX Design · UI Design · User Research
UX Design · UI Design · User Research
Prototypes
Overview
Timeline
April 2024 – June 2024
The Team
Senior Designer Wang G.
Software Developer Byron W.
My Role
Junior Designer
Assisted with user research, onboarding flow, card UI design, Material Design application, and design system development.
Problem Statement
Finding the right Mandarin teacher in Shanghai has become increasingly difficult after the pandemic, as many language schools have shut down.
Learners need a more efficient way to connect with qualified teachers.
Language schools shutting down
Many institutions closed, reducing structured learning opportunities.
Inefficient teacher matching
Learners struggle to filter and connect with the right instructors based on their needs.
High demand but low accessibility
The market for learning Mandarin remains strong, but finding suitable teachers is difficult.
Smart matching through a quick quiz
A short questionnaire helps students set preferences and match with personalized teaching options — making the process simple, fast, and tailored.
Smart matching through a quick quiz
A short questionnaire helps students set preferences and match with personalized teaching options — making the process simple, fast, and tailored.
Use smart filters to fine-tune your search.
Refine your teacher list by location, ages, level, tests, and more — so you can find exactly who you need.
Find nearby learning spots tailored to your needs.
Use your current location to explore nearby class venues with detailed previews. See available facilities like books, teachers, coffee, kitchens, and study rooms — all at a glance.
Design Systems
I utilized Material 3 to create the color palette, ensuring alignment with the brand's aesthetics. Additionally, I contributed to building reusable components, enhancing consistency and usability throughout the application.
Design Systems
I utilized Material 3 to create the color palette, ensuring alignment with the brand's aesthetics. Additionally, I contributed to building reusable components, enhancing consistency and usability throughout the application.
Design Systems
I utilized Material 3 to create the color palette, ensuring alignment with the brand's aesthetics. Additionally, I contributed to building reusable components, enhancing consistency and usability throughout the application.
Design Systems
I utilized Material 3 to create the color palette, ensuring alignment with the brand's aesthetics. Additionally, I contributed to building reusable components, enhancing consistency and usability throughout the application.
Teacher Profile Pic Components
Iteration
Iteration
Iteration
Learnings & Next Steps
Balancing design systems with brand identity
While Material Design provides a strong foundation, adapting it to maintain a unique and engaging brand identity is key.
Expanding AI-powered matching – Use AI to assess learners' proficiency and match them with suitable teachers more accurately.
Challenges
Ensuring accurate teacher-student matching
1
Applying Material Design cohesively
3
2
Building trust in independent teachers
Applying Material Design cohesively
3
Overview
Timeline
April 2024 – June 2024
The Team
Senior Designer Wang G.
Software Developer Byron W.
My Role
Junior Designer
Assisted with user research, onboarding flow, card UI design, Material Design application, and design system development.
Problem Statement
Finding the right Mandarin teacher in Shanghai has become increasingly difficult after the pandemic, as many language schools have shut down.
Learners need a more efficient way to connect with qualified teachers.
Language schools shutting down
Many institutions closed, reducing structured learning opportunities.
Inefficient teacher matching
Learners struggle to filter and connect with the right instructors based on their needs.
High demand but low accessibility
The market for learning Mandarin remains strong, but finding suitable teachers is difficult.
Smart matching through a quick quiz
A short questionnaire helps students set preferences and match with personalized teaching options — making the process simple, fast, and tailored.
Use smart filters to fine-tune your search.
Refine your teacher list by location, ages, level, tests, and more — so you can find exactly who you need.
Find nearby learning spots tailored to your needs.
Use your current location to explore nearby class venues with detailed previews. See available facilities like books, teachers, coffee, kitchens, and study rooms — all at a glance.
Challenges
Ensuring accurate teacher-student matching
1
2
Building trust in independent teachers
Applying Material Design cohesively
3
shuyi7309@gmail.com
+1 9125072158
shuyii0315@gmail.com
+1 9125072158
2025
Imprint
Privacy Policy
Contact
shuyii0315@gmail.com
+1 9125072158
2025
Imprint
Privacy Policy
Contact
shuyii0315@gmail.com
resume
