EdTechAIMobile

Kelas SekeJap

Reimagining an AI-powered English learning companion that feels warm, local, and confidence-building for Malaysian learners.

Kelas SekeJap

Deliverables

  • Design System
  • Mobile App UI
  • Prototype

Timeline

2025

Roles

  • Product Strategy
  • UX Research
  • UX Design
  • UI Design
  • Design System

Kelas SekeJap is an English fluency companion that pairs generative AI with popular local influencer personas so Malaysian learners can practice speaking in culturally relevant situations without fear of judgment.

The Challenge

When lauching MVP v1.0, Stakeholders felt the early concept lacked a distinctive brand, created anxiety through heavy scoring, and locked learners into rigid lesson paths. The onboarding flow overwhelmed people with diagnostics The UI palette felt too muted for a bold consumer launch The overall storytelling failed to sell KS as a safe, everyday ally – all while the team prepared to scale beyond language learning.

The Solution

I led a product and brand refresh anchored in the idea of KS as a trusted companion. We built a bold, simplified onboarding to focus on personal goals, and reframed lessons as Weekly Challenges driven by influencer AI clones that mirror real-life contexts. Core screens – home, challenge detail, practice, and feedback – now surface adaptive recommendations, celebrate small wins, and keep copy concise so the experience stays motivating and approachable.

Competitive Benchmarking

Our research flow benchmarks regional and global language apps to pinpoint what drives confidence, surface UX gaps, and bring the strongest ideas into KS.

Benchmark report mapping confidence blockers across competitor apps
Comparison sheet highlighting winning UX patterns from leading products

User Research

To ensure KS stood out, we studied competitor functionality, selecting the most confidence-building patterns and reshaping them into streamlined flows for every persona.

Research summary outlining key features to differentiate KS

App Flow

We rebuilt the end-to-end app flow by unifying three previously separate products, aligning core manager and agent tasks with clear, efficient wayfinding.

Application flow diagram connecting core learner and manager journeys

Information Architecture

We defined a scalable information architecture that threads learners, coaches, and AI companions together, keeping high-value actions discoverable as the platform expands.

Information architecture map organizing KS modules and touchpoints

Wireframing

High-fidelity wireframes became the foundation for testing and evaluation, ensuring every workflow was understood before layering on the visual system.

Wireframes illustrating KS core screens and interaction patterns

Moodboard

Mood boards rooted in in-depth client interviews led us toward a timeless, intuitive aesthetic with subtle brand markers like signature palettes and logo-inspired patterns.

Moodboard capturing KS brand color palette and textures
Visual exploration emphasizing confident gradients and typography
Collage of Malaysian cultural references guiding brand tone
Design tokens chart defining color ramps and typographic hierarchy
Component exploration featuring buttons, cards, and iconography

Onboarding Conversation Preview

A conversational walkthrough inside onboarding delivers an instant "Learn by Talking" moment so newcomers feel KS's value before their first session.

Prompt cards surfacing real-life practice themes during onboarding

Welcome Pages

Welcome pages spotlight KS's three headline promises—personalized practice, supportive AI mentors, and real-world confidence—to set expectations early.

Welcome page highlighting KS value propositions

Homepage Redesign

The redesigned home feed elevates themed cards, streak motivators, and influencer prompts so learners see a vibrant path forward at a glance.

Home variant focused on recommended influencer companions
Home variant emphasizing streaks and upcoming sessions

Illustration System

A system of geometric, emoji-inspired illustrations threads warmth and emotion through key surfaces, reinforcing KS's supportive companion narrative.

Illustrated cards introducing KS conversation topics
Emoji-inspired illustration set used across the product

Learn by Talking

The Learn by Talking experience anchors the product, pairing AI influencers with adaptive prompts for fluid, confidence-building conversations.

Scenario selection screen for learn by talking sessions

Daily Streak & Rewards

Daily streaks and coin rewards nudge habitual check-ins while celebrating consistent practice with meaningful perks.

Reward screen showing coins earned and redeem options

Profile Pages

Expanded profile pages chronicle the learner journey—streaks, goals, achievements, bookmarks, and coin history—so progress always feels tangible.

Profile overview with journey timeline and achievements
Profile details highlighting saved content and milestones
Profile rewards view showing coin history and unlocks

Personalized Onboarding

The onboarding journey greets learners, captures goals, and introduces AI companions without overwhelming them with jargon or performance scores.

AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter

Onboarding Conversation Preview

A conversational walkthrough inside onboarding delivers an instant "Learn by Talking" moment so newcomers feel KS's value before their first session.

AfterBeforeAfter
AfterBeforeAfter

Homepage Redesign

The redesigned home feed elevates themed cards, streak motivators, and influencer prompts so learners see a vibrant path forward at a glance.

AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter
AfterBeforeAfter

Results & Impact

  • Cut onboarding drop-off by 38% in usability testing after replacing the diagnostic score dump with a guided goal setup
  • Grew Weekly Challenge participation by 52% during closed beta as learners gravitated to influencer-led scenarios
  • Brand distinctiveness score jumped from 2.1 to 4.5 (out of 5) in perception surveys with the refreshed visual language
  • 92% of testers described the new feedback screens as "encouraging" versus 41% on the previous build

Ready to build something amazing?

Let's discuss how I can help you create products that users love and drive real business results.

Google Meet iconFree Consultation