ChatFluent is a mobile app designed to make language learning effortless and adaptable by teaching relevant vocabulary through bite-sized lessons that are easy to integrate into your routine.

CONTEXT: This is a personal project I designed during my CareerFoundry course to demonstrate my expertise in UX/UI principles.
ROLE: UX/UI Designer
DURATION: 2 weeks
TOOLS: Canva, Figma, Google Suite, Miro, Zoom

View Prototype →

PROBLEM DISCOVERY

People need a way to quickly and effectively learn relevant vocabulary that can be used in day-to-day interactions.

During initial research through surveys, interviews, and market analysis, I uncovered a key insight: many users are motivated to learn languages not just for travel, but to foster meaningful relationships and connections. However, existing language-learning apps often teach irrelevant vocabulary and phrases that don't align with peoples' daily needs, which can lead to frustration and disengagement. This insight led me to hypothesize that people need a more engaging, practical approach to language learning—one that emphasizes real-world communication and helps them build stronger connections and seamlessly integrate into new communities.

THE SOLUTION

ChatFluent

Accelerate your language learning with concise, impactful lessons designed to fit your busy life. Build confidence and connect effortlessly in real-world situations.

THE DESIGN PROCESS

RESEARCHING THE PROBLEM SPACE

Competitive analysis revealed that existing learning apps lack customization and contextual relevance.

I explored popular language learning apps, comparing their key features' strengths, weaknesses, opportunities and threats, and noting any gaps and opportunities. Analyzing user reviews revealed a common pain point: many users described lessons as overly simplistic or irrelevant, hindering their engagement and ability to apply learnings to their daily lives.

VALIDATING ASSUMPTIONS

Findings from user interviews revealed frustration with irrelevant course content and lack of customization.

Research Goals:

Gain an in-depth understanding into people's motivation, behaviours and context when learning a new language
Identify key pain points and frustrations with current apps
Determine people's needs and preferences

Methods:

Conducted semi-structured 1-on-1 remote interviews with 8 participants in 45 minute sessions
After analyzing notes and recordings from the interviews, I created an affinity map to categorize and identify patterns based on the research goals (motivations, needs, pain points, and preferences).

Key Findings:

People having a variety of exercises with visual aids to keep them engaged and help them commit new words to memory.
People want more customization like adding their own vocabulary, creating flashcards, and choosing their practice style.
People appreciate lessons that are quick and focused, making learning easy to integrate into their daily routines.
Positive reinforcement and clear milestones are also crucial for maintaining motivation and tracking progress.
People prefer lessons that are relevant to their specific needs, such as learning phrases for travel or everyday conversations, rather than generic or formal content.

USER PERSONA & JOURNEY MAP

Consolidating the research insights into a user persona and placing them into the context of the product helps us better understand their needs and create an empathetic and exceptional experience.

DEFINING THE DESIGN GOALS

User research indicated a need for a language learning product that empowers users through concise, real-world lessons and personalized learning paths.

Quick

Customizable

Engaging

Relevant

Motivating

Lessons are short, focused, and easy to do on-the-go

Ability to personalize the learning journey

Varying visuals and multiple options for practice styles

Content is useful in daily life and real- world interactions

Tracking progress is easy and helps maintain motivation

CREATING THE SYSTEM ARCHITECTURE

Creating a user flow mapped out the user's journey and ensured the experience was seamless.

Mapping out key scenarios helped identify any potential pain points or unnecessary steps that could result in frustration. The goal was to help the user achieve their desired outcome in the least amount of steps possible, ensuring that they are able to move through the product quickly and efficiently.

EARLY DESIGNS

User flows guided the creation of low-fidelity wireframes, establishing the product's foundation for subsequent mid-fidelity prototyping and usability testing.

ITERATIONS AFTER USABILITY TESTING

Initial usability tests identified key usability issues and points of friction, allowing me to refine the core functions of the product for improved efficiency prior to integrating UI elements in later iterations.

Seven participants were tasked with completing various tasks and explaining their thought processes while navigating key features during moderated remote usability tests. Afterwards, I reviewed the session recordings, documenting errors, participant observations, and both positive and negative quotes. I organized the findings using an affinity map and applied the changes to the high-fidelity prototype, testing again with a small group of participants to ensure the changes improved usability.

PRACTICE OVERVIEW

COMPLETING A LESSON

REVIEWING MISTAKES

THE FINAL DESIGN

Language learning with personalized, bite-sized lessons designed for real-world impact.

ChatFluent empowers users to learn take control of their language learning by applying their knowledge in real-world situations. By offering diverse learning styles, customizable decks, and real-world context, ChatFluent empowers learners to achieve their language goals efficiently.

View Prototype →

CREATING AN ACCOUNT

New learners can select their desired language and set a daily practice targets.

COMPLETING A LESSON

Lessons are grounded in real-world scenarios with diverse practice styles to cater to individual preferences.

REVIEWING A SAVED DECK

Flashcards enable efficient, on-the-go review, boosting retention through spaced repetition.

CREATING A CUSTOM DECK

Create personalized vocabulary decks by adding custom words or selecting terms from past lessons for focused review.

PROJECT LEARNINGS

Learned to make swift, informed design decisions without compromising user experience.

Balancing tight deadlines with design excellence required me to make quick, decisive choices and stay adaptable. By creating a clear project plan, focusing on core user needs and conducting interviews and usability tests early on, I ensured the final product met the design goals, even under time constraints.