Challenge

The language learning space is highly competitive with many different languages being offered through dozens of different ways of teaching the language. Narrow the scope to a specific aspect of language learning, which is a focus on understanding and memorizing the essential words and phrases users need to easily communicate with locals.
‍

Solution

Build an end-to-end we app with features such as flashcards, word of the day, review options and progress trackers.
‍
Offer mentoring sessions and group classes. All accessible from a beautiful dashboard.

Research

Build independent and collaborative learning tools.

DuoLingo focuses on a gamification method for teaching the language. Babbel teaches through an arguably more professional focus and offers live classes and unique ways of learning.
‍
Flango hopes to utilize flashcards and user input prompts similar to Babbel to help the users memorize words and phrases.

100%

Felt that it was very difficult, if not impossible to learn a language without conversing and practicing at least every few days.

50%

Mentioned the use of the SRS (Spaced Repetition System) method of learning.

Partners

Many find a language partner or virtual classroom is very close to actually being immersed in the country.

Information Architecture

Building a flow that encourages practice and repetition.

We designed multiple paths the user can take to browse the site, enter the language dashboard and begin practicing.

From the dashboard, users have the ability to quickly setup and manage mentor sessions, group classes and weekly goals.
‍

Creating wireframes for edge cases and interaction.

Creating extensive wireframes allowed me to visualize how the main dashboard will interact with and be utilized from other screens.

View All Wireframes

Design

Designing an experience that encourages growth and enjoyment.

Lessons, progress, review, mentor sessions and more are all easily found on a single page.
‍
An approach which involves creating cards for most items, allows us to quickly create multiple variations of the same component and create a consistent, modular UI.

Selected colors and typography help differentiate our product while reaming approachable, access and pleasant.
‍
Flango offers an extensive feature-rich dashboard that encourages learning through a fun, friendly user interface.

Testing and Iterating

Problem
• Landing page CTA buttons hard to read
• "I wasn't sure which button was for sign up."

Problem
• Switching languages was challenging
• Would like an option to edit goals

Problem
• Expected to be able to manage mentor sessions and skip or cancel classes

Solution
• Create unique buttons for hero section
• Utilize colors that complement the hero section.

Solution
• Created new language selector tabs
• Updated fluency style, edit icon

Solution
‍• Build out mentor scheduling feature and expand available options and detail for class module

UI Kit

Unique interactivity and a bold approach to a competitive field.

Creating a language learning platform allowed us to learn valuable teaching methods and develop a product that was habit-forming, creating a sense of enjoyment while encouraging users to return regularly and continue learning.

In future iterations I would love to add more learnings styles and exercises as well as a milestone system.

‍