"Chatt.r emerges as a transformative language learning platform, designed to streamline the language acquisition process and enhance user engagement through personalized and interactive learning experiences."
Targeting language learners across the globe, Chatt.r combines artificial intelligence with a comprehensive communication-focused curriculum to offer personalized learning paths. This platform is engineered to enhance linguistic skills efficiently, ensuring learners achieve fluency with confidence, all integrated within a sleek, user-friendly interface designed from scratch.
Challenge
The main challenge in creating Chatt.r was to develop a comprehensive language learning system that goes beyond traditional methods, integrating technology to provide personalized, interactive, and engaging learning experiences. This needed to address the lack of practical speaking practice and adaptability found in existing language learning apps.
Role
Project Lead, User Experience Design, User Research, Prototype Development, User Testing and Feedback Integration
Duration
2.5 months
Solution
The solution was to create Chatt.r, a language learning app that combines AI-driven personalization with an engaging user interface to foster effective learning. Key features include adaptive learning paths, real-time pronunciation feedback, and a community platform for users to engage and practice with peers. The design process focused on user-centered design principles to ensure the app was intuitive and responsive to the diverse needs of learners.
Design Process
Lean UX
Tools
Figma, Illustrator
Think
This phase is all about understanding what users actually need and what’s getting in their way. It’s where I dig into research (think interviews, empathy maps, observations) to get to the heart of the problem.
The goal? To define the real challenges the product should be solving (not just what we think it should do).
Problem statement
Most language learning platforms focus heavily on vocab and grammar — which is great, but it’s only part of the picture. What often gets left behind are the real-world skills: speaking and listening. Without those, learners struggle when it comes to actual conversations. There’s a clear gap here — language tools aren’t really preparing people for how we use language day to day. And that’s exactly where things need to shift: towards a more complete, communicative approach that actually helps people use the language, not just study it.
Assumptions
Before diving into solutions, I laid out a few assumptions, both from the user’s side and the business side. These helped shape the direction early on, while keeping potential risks and blind spots in check. To make sure I wasn’t just guessing blindly, I used an assumption prioritisation chart to figure out which ones were the riskiest or most uncertain. That way, I knew exactly what needed validating first and could focus my research where it mattered most.
Interview and Survey Insights
To really get into the nitty-gritty of how people learn languages through digital platforms, I put together a set of interview questions that explored their habits, preferences, and pain points. I wanted to understand what keeps them motivated, how they interact with different features (especially the interactive ones), and what gets in their way. The goal was to get honest insights into how they actually use these apps - not just how they're supposed to.
Competitors' analysis
In this section, I took a closer look at how other leading language learning platforms approach things — from their teaching methods and tech to how they keep users engaged. The goal was to spot patterns, strengths, and gaps in the current landscape, and to uncover opportunities for Chatt.r to stand out and better support modern language learners.
Empathy Mapping
To get a clearer picture of the user’s mindset, I created an empathy map based on insights from the interviews. This helped me visualise what users are saying, thinking, doing, and feeling as they navigate language learning. It was a great way to step into their shoes and uncover not just surface-level frustrations, but also deeper motivations and unmet needs.
User Persona
Drawing from research insights, I created two user persona that captures the goals, challenges, and behaviours of a typical language learner using digital platforms. This helped keep the focus on real users — their motivations for learning a new language, the tools they rely on, and the frustrations they face along the way. The persona served as a constant reminder to design solutions that actually support how people want to learn, not just how they’re told to.
Hypotheses
Based on the insights gathered from user research and competitive analysis, I formulated several hypotheses about how users interact with language learning platforms and what features would improve their experience. These hypotheses served as a starting point for testing assumptions and validating solutions — from how interactive modules might boost engagement, to how personalized learning paths could improve retention. The goal was to challenge our thinking and guide the next phase of design with data-backed ideas.
Make
The "Make" phase is all about bringing the ideas and hypotheses from the "Think" phase to life. It’s where I quickly sketch, prototype, and iterate on concepts to start testing what works. The goal here is to build solutions that are closely aligned with the user needs we identified earlier, making sure we’re on the right track before refining further.
Lean UX Canvas
For this project, I filled out a Lean UX Canvas to structure and focus the design process. This framework helped me outline key assumptions, user needs, and business goals, making sure everything stayed aligned with both the user’s pain points and the product’s objectives. By defining these upfront, I was able to identify the most critical areas to test and validate quickly, ensuring we didn’t waste time on features that weren’t directly addressing real user needs.
Information Architecture
To make sure the user flow felt intuitive and aligned with real user goals, I mapped out the information architecture for the app. This helped organise content and features in a way that supports how users actually navigate through a language learning journey — from onboarding to practice sessions. It also served as a foundation for designing screens that feel clear, focused, and easy to use, especially for learners who need quick access to speaking and listening tools without getting overwhelmed.
Journey Mapping
To better understand the user’s experience over time, I created a journey map that highlights what learners go through when using digital language platforms — from their first interaction to daily usage. It helped visualise key touchpoints, emotions, and friction areas across the journey, especially around motivation dips, content overwhelm, or lack of real-time feedback. This gave clarity on where Chatt.r could step in and offer a smoother, more engaging learning experience.
Style guide
I built a style guide to make sure Chatt.r felt consistent, approachable, and easy to use across every screen. The visual language is clean, modern, and a bit playful — reflecting the idea that learning a new language should feel exciting, not intimidating.
Wireframes
Once the structure was in place, I started translating ideas into low-fidelity wireframes. These helped me quickly lay out core screens and test the overall flow without getting caught up in the visuals too soon. I focused on keeping things clean, intuitive, and centred around key user actions — like practising conversations, tracking progress, and getting real-time feedback.
Final Screens
After rounds of iteration and feedback, I brought everything together in the final high-fidelity screens. These reflect all the insights gathered along the way — from user interviews and journey mapping to wireframes and usability feedback. The goal was to create an experience that feels intuitive, motivating, and genuinely helpful for language learners.
an, focused, and ready to be tested in the real world.
Onboarding
The onboarding process for Chatt.r is designed to personalize the learning experience right from the start. It collects key details like language proficiency, learning goals, and preferred styles to tailor the app's content to each user's needs. This ensures a more effective and engaging language learning journey. Simple, interactive screens guide users through this setup quickly, making the first interaction with Chatt.r both welcoming and efficient.
Step into the app
Daily Challenge: Engages users immediately with a quick, engaging task. Today’s challenge, "3 min small talk with Chatt.r," focuses on fluency and offers a lively way to practice conversational skills.
Continue learning: Offers personalized recommendations to keep learning seamless. Featured lessons like "Making Purchases" under 'Conversational' and "Gender and Articles" under 'Fundamental' allow users to dive deeper into specific language aspects. It also has a progress bar at the bottom to indicate how far along you are.
Featured Weekly Activities: Showcases specially curated activities that vary weekly. For example, "Traveller’s Era" enhances fluency, and "Wining and Dining" boosts comprehension, catering to diverse interests and learning goals.
Daily digest: Keeps users connected with cultural insights and real-world applications of the language. It includes segments like "Swimming in La Seine," a current event snippet, and engaging media such as the "Watch 'Frères' trailer" for entertainment, enriching the learning experience with relevant content.
Let's learn!
The "Lessons" section on Chatt.r offers a structured learning path under the various categories, tailored to enhance practical language skills in real-world scenarios.
The "Faire des Achats" lesson in the "Chatt.r" app offers users an immersive way to learn essential vocabulary and phrases for shopping in French. It provides a systematic approach by introducing relevant words like "Le Magasin" (store) and "Acheter" (to buy), followed by conversational phrases that are commonly used in shopping scenarios, such as "Combien ça coûte?" (How much does it cost?). Each term and phrase is clickable for additional details, helping learners understand usage and pronunciation.
The lesson progresses by teaching users how to form questions in French, using both casual and formal structures, ensuring they can navigate various shopping experiences. This approach not only equips users with language skills but also enriches their understanding of practical French usage, making it ideal for those preparing for travel, academic needs, or social interactions in French-speaking environments.
.png)
Let's practice!
The Practice section of Chatt.r offers users a dynamic and interactive way to refine their language skills through a variety of exercises categorized under Speaking, Reading, and Listening. Each category is tailored to simulate real-life scenarios, enhancing practical language use.
Choose Your Chat
The "Choose Your Chat" activity in Chatt.r invites users to immerse themselves in interactive French conversations tailored to real-life scenarios. This feature enhances conversational skills by allowing learners to make choices in dialogues, as if they were actually interacting in a French-speaking environment.
For instance, users can practice ordering coffee at a café, responding to the server's questions, and even inquiring about menu items. Each choice impacts the conversation, offering a dynamic learning experience that mimics real-world interactions. This practice session not only refines language skills but also builds confidence in using French in everyday situations.
Pick your small talk
The new "Discuss Your Day" activity in Chatt.r offers an interactive experience where users engage directly with an AI to talk about their daily routines. This exercise helps users practice essential verbs and everyday vocabulary, enhancing their ability to describe personal experiences in French.
Users are prompted to speak about various aspects of their day, from morning routines to evening activities, allowing them to apply their language skills in describing real-life scenarios. The AI provides instant feedback, correcting pronunciation and syntax, which helps users improve their conversational fluency and accuracy. This personalized practice session not only refines language skills but also builds confidence in speaking French in daily contexts.
Community space
The "Community" section of Chatt.r serves as a vibrant social hub where users can engage with peers who share their language learning interests. This area is divided into several key features:
Forums: This space hosts a variety of channels and popular posts, allowing users to discuss topics ranging from everyday idioms to professional language needs. Whether planning a trip or preparing for an internship, users can find community support and share experiences relevant to their learning goals.
Match-ups: Here, users can find language partners based on their interests. Premium users have the exclusive ability to connect with native speakers, enriching the learning experience with authentic conversations. A simple tap can also find a random partner, making it easy to start practicing immediately.
Partner Interaction: Once a partner is found, users can choose to practice immediately or connect later. This flexibility supports learners in integrating language practice into their schedules seamlessly.
Insights
A comprehensive language learning dashboard that offers users a detailed analysis of their skills across different areas: Reading, Writing, Listening, and Speaking. Each section is designed to not only provide metrics on performance but also to offer tailored recommendations to help improve these skills.
Progress Summary: The main screen shows a snapshot of the user’s progress in various language skills using vibrant, color-coded progress circles.
General Insights: Below the progress summary, there is a dynamic graph displaying weekly engagement and progress, providing a visual representation of the learner's consistency and growth over time.
The language learning app's progress review section offers a comprehensive analysis of a user's skills across reading, writing, listening, and speaking. Each skill is meticulously assessed using specific metrics such as comprehension levels, vocabulary recognition, grammatical accuracy, and words per minute for both speaking and listening. Color-coded visual representations provide a clear and immediate understanding of the user's current abilities compared to their ideal targets. Alongside these evaluations, tailored recommendations are provided to guide the user on how to
Check
During the "Check" phase, the prototypes and solutions developed in the "Make" phase are tested with actual users to evaluate their effectiveness. This involves user testing and gathering feedback to validate the hypotheses.
