Ye Han's portfolio
worbielogo-01.jpg

Worbie

UX Design
UI Design
Web Design

I was working [Worbie] with two teammates: Norihito Yuki and Joori Lee for a business related class called [Entrepreneurship]. We came up with this idea for helping people who are not native English speakers to learn English through online video watching. This is an on-going project that hasn't been finished, and what I put here is a progress report on what we have over 5 months of researching, designing, and developing.


PAIN POINTS

  • Learning a variation of the definitions of the words by consulting dictionaries. 
  • Traditional dictionaries don't have entertaining aspects. 
  • Some people say watching TVs/Movies/Dramas would be the best way  but it takes so much time to watch the whole video in order to learn words.

STATEMENT

  • We are developing a dictionary of English usage that allows users to learn variation of definitions of the words by watching video clips that are collaboratively edited by users.

CONCEPT OF THE WEBSITE

  • Improving vocabulary in the context of the video source - learning along with entertaining
  • learn various definitions of the words
  • collaboratively edited

WHAT CAN PEOPLE DO ON WORBIE

  • enjoy the entertaining content
  • interact with each others to learn
  • edit ‘notebooks’ for themselves and sell them for other users
  • learn various grammar usage through videos clip in different situation
  • improve their listening and speaking skill
  • learn slangs

INITIAL USERS

  • Contributors of the Contents
    • ESL teachers in general(Users who have the motivations to use this website)
    • Movie fans (Native English speakers who can add contents of high quality)
  • Users who learn/enjoy the videos
    • English learners


INITIAL ANALYSIS

initial user flow of the website

initial user flow of the website

an initial site map for the website

an initial site map for the website

EXPLORATION ABOUT THE CONTENT ON THE WEBSITE

basic functions about what to include on the website

basic functions about what to include on the website

details about what functions to include inside 'about me'

details about what functions to include inside 'about me'

details about what functions to include inside 'video'

details about what functions to include inside 'video'

USER PROFILES

USER FLOW ON HOW TO CREATE A POST

VISUAL CONCEPT

Education: Clean, Reliable
Cinema: Active, fun

VISUAL ELEMENTS

Light lines(clean) + simple geometric shapes
white or light grey for background 

INITIAL INTERFACE WIREFRAME DESIGN

1st interface layout design sketch

1st interface layout design sketch