yoli-cover-00.jpg

yoli - UX/UI Design

My Role:

User Experience Designer

Methods:

User Interview / Affinity Mapping / Market & Competitive Analysis / User Persona / Sketching / Information Architecture / Wireframing / Prototyping / Usability Testing / UI Design / Visual Design

Tools:

InVison / Adobe Illustrator / Sketch / Adobe Photoshop / Adobe XD

Team Members:

CEO: James LaLonde

https://www.linkedin.com/in/jameslalonde/

Co founder / Head of Content: Luke Priddy

Co founder / Product Manager: Drew Kirchhoff

Head of Development: Terry Wang

UX Designer / Product Designer: Jing Zhao

UX Designer / Researcher: Summer Zhang

What's yoli?

What's yoli?

yoli is a revolutionary mobile English-education platform. We connect English learners with tutors, on-demand. yoli aims to revolutionize the language learning market. We are the cutting-edge of the cutting-edge.

yoli works like this:

A student presses one button that pings the yoli tutor universe for a class. A tutor accepts the ping and a 20-minute class begins. Our content and lessons are built on a time-tested framework

designed to help learners become fluent, fast.

yoli Press

Kickstarter: yoli: fund your dream lifestyle

Techinasia: https://www.techinasia.com/china-yoli-startup-american-founders

3 Cofounders of yoli: https://www.crunchbase.com/organization/yoli#section-overview

Become a yoli tutor: http://tutor.yolichat.com/

RTMASIA: https://www.rtmasia.com/blog/ssyoli

My UX Process

My UX Process

Research - Synthesis & Define - Hypothesis & Explore - LEAN UX (Build + Test & Measure + Learn) - Deliver

Business Goal

Create effortless flow though a complex full-featured app built for an industry with inherently high churn (language learning).

Establish a distinctive and friendly, yet professional brand identity conducive to learning.

yoli-new-susi-new.jpg
yoli-new-frank-new.jpg
Problem Findings from Interviews

Problem Findings from Interviews

In person:

- English training centers are unaffordable for most people

- People don’t have time to take classes in a school

- Laziness is the default when it comes to self-improvement

- People live too far from the training center

- People have inflexible schedules

- The teaching style is rigid

- Too many students in classes

Online teaching:

- Inflexible schedule

- Teachers are mostly Chinese

- You actually get very little practice

- Students are all different English levels

- You need a laptop, which doesn't always work

- It's hard to find a good foreign teacher

- Most online schools are exam-oriented

Painpoint:

- Doesn’t want to study with only one teacher

- Class are too expensive for her

- Time is limited for review and practice

Affinity Mapping

Affinity Mapping

User Goals

1. Users want native speaking teacher

2. Uses take an English class anytime, anywhere

3. Users want course records to review

Screen Shot 2019-06-15 at 9.11.27 PM.png
yoli-new-sam-new.jpg
yoli-new-competitors-new.jpg
yoli-new-analystic-new.jpg
yoli-new-sketch.jpg
yoli-user-flow.jpg
yoli-09.jpg
Screen Shot 2019-06-15 at 7.17.41 PM.png
Screen Shot 2019-06-15 at 8.03.45 PM.png
Design Implantation

Design Implantation

Distinctive clean shapes and strategic use of colors reinforce spaces within the app according to behavior (i.e. passive study, 1-to-1 classes, course selection). These aesthetic cues give learners a clear sense of where they are, and what to do next.

After extensive discussions with the yoli team to deeply understand its core users and challenges with churn, course progress visibility and one-click progression (i.e. start next class) became central to the UI/UX.

yoli-yoli-platform.jpg
yoli-logo.jpg
yoli-Color-scheme.jpg
yoli-new-lll.jpg
yoli-new-mmm.jpg
yoli-take-class.jpg
yoli-class-option.jpg
yoli-new-classroom-new.jpg
yoli-all.jpg
home-page_1.gif
1-to-1.gif
review-new.gif
 All original designs by Jing Zhao

All original designs by Jing Zhao

yoli-new-events.jpg
yoli-new-033333.jpg
yoli-new-0999.jpg