Vocabuild image

OVERVIEW

Vocabuild is a personal project for a UX course which I undertaken with CareerFoundry. The aim of this app is to empower people to learn new vocabulary. People of all backgrounds are encouraged to improve their language skills and increase communication level. This application is meant to be used for quick 5–10 minute study sessions. That could be on a bus or train, as well as waiting between classes, on a lunch break, in a cafe or in a bed etc.

MY ROLE

The entire design process including Research, Competitive Analysis, User Surveys and Interviews, User Personas, User Flows, Wireframes, Usability Testing, Affinity Mapping, UI Design and High Fidelity Prototype.

TOOLS

Sketch InDesign Illustrator Photoshop
Vocabuild select level
Vocabuild problem statement and solution

STEP #1: RESEARCH

Thanks to a competitive analysis, surveys and interviews I was able to find out what is already on the market and what specific needs users have.

Vocabuild Chart
Vocabuild exercise

STEP #2: FINDINGS

Primary persona is based on all the gathered information from the research.

Vocabuild Persona

STEP #3: SCENARIOS AND USER FLOWS

Emma is travelling with public transport and she would like to use her time to practice her vocabulary related to Food.
 Her journey will take about 10 min. and she would like to have finished exercise by that time.

Vocabuild User Flow
Vocabuild User Flow 2

STEP #4: WIREFRAMES

Vocabuild Wireframes
Vocabuild game in progress

STEP #5: SITEMAP

Vocabuild site map

STEP #6: PROGRESSING TOWARDS HIGH FIDELITY WIREFRAMES

Usability testing provided information for further development of the app.

Vocabuild issue 1 Vocabuild issue 2 Vocabuild issue 3 Vocabuild issue 4 Vocabuild various screens Vocabuild favourite words

STEP #7: UI ELEMENTS

Vocabuild UI elements Vocabuild tone of voice