Alma learn English app admin June 1, 2026
ALMA — UX Case Study
✨ UX Case Study 2024

Learn English
the Smart Way

ALMA is an AI-powered English learning app that turns everyday practice into an engaging, game-like experience — built for real results.

Onboarding
Home
Leaderboard
Scroll
02 — Problem & Solution

What was broken,
and how we fixed it.

Traditional English learning apps suffer from low engagement and slow progress. ALMA was designed to break that pattern.

⚠️
The Problem
  • Boring, passive learning with no real interaction
  • No speaking practice or pronunciation feedback
  • Lack of gamification leads to poor habit formation
  • Zero personalization — one-size-fits-all curriculum
  • No entertainment to keep learners motivated
The Solution
  • AI teacher for real-time conversational practice 24/7
  • Voice recognition for instant pronunciation feedback
  • Points, leaderboard & unlockable modules for engagement
  • 8 progressive levels tailored to each learner's growth
  • Songs, sports videos & entertainment for immersive learning
03 — Key Features

Built to keep you
coming back.

Every feature was designed around one goal: making English learning feel effortless and rewarding.

Feature 01
🤖
AI English Teacher
Chat with Alma 24/7. Practice real conversations and get instant corrections every turn.
Feature 02
🎮
Vocabulary Games
Match images to words, solve anagrams, and conquer picture games. Play to make words stick.
Feature 03
🎤
Voice Recognition
Speak aloud to spell words. Real-time audio feedback identifies pronunciation instantly.
Feature 04
🎵
Learn with Songs
Practice English through iconic songs. Music makes vocabulary retention 60% stronger.
Feature 05
🏆
Leaderboard & Ranks
Compete globally, earn points per lesson, and climb the weekly leaderboard every day.
Feature 06
🎬
Entertainment Hub
Sports, arts, travel & nature — curated to build domain-specific vocabulary naturally.
04 — Style Guide

Design language that
feels alive.

Every visual decision — color, type, spacing — made to feel energetic, approachable, and modern.

Color Palette
Navy
#0D1B2A
Teal
#00C48C
Blue
#4A7CFF
Purple
#8B5CF6
Orange
#FF6B35
Yellow
#FFD60A
Usage Mapping
Primary CTA & success states
Interactive elements & links
Points, ranks & achievements
Warnings & error states
Typography Scale
Heading 01
800 · 36–88px
Heading 02
700 · 22–36px
Subheading
600 · 16–20px
Body text flows naturally for reading comfort across all screen sizes.
400 · 13–16px · lh 1.7
Label / Caption
700 · 10–11px · 2.5px tracking
Border Radius
8px
sm
14px
md
22px
lg
pill
100px
Components
Progress bar60%
Icon Set
📖
🎮
🎤
🎵
🏆
📱
🌐
Spacing Scale
4·8·12·16·24·32px
05 — Visual Design & UI/UX

Every screen,
crafted with purpose.

From smooth onboarding to powerful gameplay — the full visual journey of ALMA. Hover to pause.

Onboarding
Onboarding
Level Up
Level Up
More Features
More Features
Home
Home
Modules
Modules
AI Teacher
AI Teacher
Vocab Match
Vocab Match
Anagram
Anagram
Listening
Listening
Feedback
Feedback
Games
Games
Entertainment
Entertainment
Leaderboard
Leaderboard
Songs
Songs
Sports
Sports
Settings
Settings
Onboarding
Onboarding
Level Up
Level Up
More Features
More Features
Home
Home
Modules
Modules
AI Teacher
AI Teacher
Vocab Match
Vocab Match
Anagram
Anagram
Listening
Listening
Feedback
Feedback
Games
Games
Entertainment
Entertainment
Leaderboard
Leaderboard
Songs
Songs
Sports
Sports
Settings
Settings
📱

Mobile-First

Thumb-friendly interactions, one-handed use, and portrait-first layouts throughout.

Micro-feedback

Every action confirmed — correct answers glow green, wrong ones show a helpful retry card.

🔓

Progressive Unlock

Modules unlock sequentially to maintain challenge and prevent cognitive overload.

🗣️

Voice-Centric

Speaking is a first-class interaction — the mic is always reachable with one tap.

06 — Living Vocabulary

Words that live
and breathe.

Every word you learn with ALMA sticks — through games, songs, conversations, and real-world context.