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

Create a free website with Framer, the website builder loved by startups, designers and agencies.