AI-Powered English Learning platform for interactive speaking practice

Challenges We Identified

Learning English through conversation should feel natural and engaging, yet many language learning platforms rely on repetitive exercises and static lessons that fail to build speaking confidence. Teachers also struggle to monitor student progress efficiently, often switching between multiple screens to review completed tasks, participation, and performance.

Through stakeholder discussions and our product review, we identified the need for a more interactive learning experience powered by AI conversations while giving educators better visibility into classroom performance. Existing solutions lacked clear progress tracking, personalized feedback, and an intuitive classroom management experience. Blabber was redesigned to create a seamless platform where students can practice confidently and teachers can monitor learning with meaningful insights.

1. 1.Limited Speaking Practice Traditional learning methods provide few opportunities for real conversational English.
2. 2.Low Student Engagement Static lessons and repetitive exercises reduce motivation over time.
3. 3.Scattered Progress Tracking Teachers struggle to monitor completed tasks and student performance efficiently.
4. 4.Lack of Personalized Feedback tudents receive limited guidance based on their individual learning progress.
5. 5.Complex Classroom Management Managing classes, assignments, and learner statistics requires unnecessary effort.
6. 6.Poor Performance Visibility Learning progress and achievement metrics are difficult to understand at a glance.
7. 7.Outdated User Experience Existing interfaces feel cluttered and don't support modern learning workflows.
8. 8.Disconnected Learning Journey Conversation practice, progress tracking, and classroom management lack a unified experience.

How We Solved It

To create a more engaging language learning experience, we redesigned Blabber around natural AI conversations, clear learning progress, and an intuitive classroom workflow. Every interaction was simplified to help both students and teachers focus on learning instead of navigating the interface.

We introduced a modern, playful interface supported by structured lesson flows, real-time AI speaking practice, and detailed student performance insights. The redesigned experience balances education, motivation, and usability while making classroom management faster and more efficient.

1. 1.AI Conversations Designed immersive avatar-led speaking sessions that encourage natural English practice.
2. 2.Learning Flow Simplified lesson progression with clear tasks, achievements, and completion tracking.
3. 3.Student Analytics Built performance dashboards showing pronunciation, fluency, accuracy, and learning progress.
4. 4.Teacher Workspace Organized class management, completed tasks, and student reports into a single workflow.
5. 5.Navigation Reduced complexity with cleaner information architecture and intuitive screen hierarchy.
6. 6.Motivation Added visual rewards, progress indicators, and engaging interactions to improve consistency.
7. 7.Accessibility Improved readability, spacing, and interface clarity for learners of all ages.
8. 8.Scalability Designed a flexible component system supporting future lessons, features, and classroom tools.

UX Research & Design Artifacts

Our research focused on understanding how learners engage with AI-driven language practice and how educators monitor classroom performance. We identified opportunities to simplify lesson navigation, increase speaking confidence, and provide teachers with clearer visibility into student progress. The outcome was a more engaging learning experience supported by intuitive analytics and structured educational workflows.

• Product audit Reviewed the existing application to identify usability issues, inconsistent navigation, and opportunities for redesign.
• Competitor research Studied modern language-learning platforms and AI education products to understand best practices for conversational learning.
• User journey mapping Mapped complete learning journeys from lesson selection to AI conversation practice, quizzes, and performance review.
• Teacher workflow analysis Evaluated classroom management tasks including assignment tracking, lesson completion, and student performance monitoring.
• Usability testing Tested interactive prototypes to validate navigation, speaking flows, dashboard usability, and overall learning experience.
• Design artifacts Produced user personas, empathy maps, information architecture, wireframes, high-fidelity UI designs, interactive prototypes, and a scalable design system for future product growth.

Visual Identity & Brand Story

Blabber was designed to make language learning feel engaging, approachable, and rewarding from the very first lesson. Every visual element encourages learners to practice confidently while creating an experience that feels playful, intuitive, and motivating. Rounded interfaces, vibrant illustrations, and thoughtful interactions transform everyday learning into an enjoyable habit.

Our visual identity is centered around #7C4DFF, representing confidence, creativity, and continuous growth. Complementary gradients, colorful 3D illustrations, and soft accent colors create a friendly environment while maintaining strong visual hierarchy. Every design decision supports clarity, encourages exploration, and celebrates learner progress.

Typography uses SF Pro Rounded, chosen for its friendly personality, exceptional readability, and approachable appearance. Its rounded forms complement Blabber's playful visual language while ensuring clear communication throughout the learning experience. Combined with a consistent design system and thoughtful interactions, the brand reflects our vision of making AI-powered language learning feel natural, motivating, and accessible for everyone.

A Design System Built for Blabber

Blabber’s design system creates a consistent and engaging visual language across the learning experience by defining colors, typography, components, illustrations, and interaction patterns. Every element was designed to make language learning feel approachable, motivating, and effortless while supporting learners through conversations, practice sessions, and progress tracking across the platform.

The system is built around a vibrant color palette led by #7C4DFF as the primary brand color, supported by playful gradients and energetic accent colors that represent confidence, creativity, and growth. SF Pro Rounded serves as the primary typeface, providing a friendly personality, excellent readability, and a modern feel across all screen sizes. A structured spacing system, reusable UI components, consistent illustration style, and unified interaction patterns ensure Blabber remains scalable, accessible, and visually cohesive as new learning features and experiences are introduced.

UX Design for Smarter Language Conversations

The UX design of Blabber focuses on making language learning more interactive, natural, and confidence-building for learners. We designed the experience around real conversations by reducing learning barriers, simplifying speaking practice, and creating an engaging environment where users can improve their communication skills consistently.

The platform structure supports smooth learning journeys through personalized lessons, AI-powered conversations, pronunciation feedback, progress tracking, and motivational elements. Each interaction was designed to help learners practice comfortably, build speaking confidence, and develop practical language skills through everyday conversations.

Building Confident Language Learners Through Thoughtful UX

The redesigned Blabber experience focuses on making language learning more engaging, practical, and confidence-driven for every learner. By reducing learning barriers, improving conversation flows, and introducing personalized AI interactions, the platform creates a seamless experience that helps users practice speaking consistently and achieve real-world communication skills.

1. 1.Simplified speaking practice AI-powered conversations reduce hesitation and help learners practice real-life communication naturally.
2. 2.Improved learning motivation Streaks, achievements, and progress tracking encourage users to maintain consistent daily learning habits.
3. 3.Personalized learning journey Adaptive lessons and skill-based recommendations create experiences tailored to individual learner goals.
4. 4.Instant AI feedback Real-time pronunciation corrections help users improve accuracy and build confidence after every conversation.
5. 5.Faster skill development Structured learning flows and interactive exercises help learners improve speaking abilities with minimal effort.
6. 6.Scalable design system Reusable components and consistent patterns support future learning features while maintaining usability and visual consistency.