← All work

Case study · № 002 · Learning experience

ENGLISH ACADEME JUNIOR · learn it through a story

A CEFR Pre-A1 to A2 English-learning product that uses movie-based lessons, interactive practice, teacher tools, and a lesson-aware virtual instructor.

RoleDesign, front-end, end-to-end testing
Scope240 lessons · 8 levels
StackReact · TypeScript · Figma
ContextLeetPros · ELL Technologies
240 lessonsTechnical plate showing the English AcadeMe Junior lesson system
The central idea

Let the story carry the learning.

01The problem

Traditional courseware can turn language practice into isolated drills. The product needed to keep children engaged while giving teachers enough structure to plan lessons, monitor progress, and intervene when a learner struggled.

Interactive field notes / system map

Inside a story-led lesson

Conceptual walkthroughSelect a stage ↓

Stage 01 / 04 · Story

A scene gives practice a reason

Movie-based lessons establish a shared context for vocabulary and language use, connecting exercises to a story.

Movie context → lesson
Pre-A1 to A2

Stage 02 / 04 · Practice

One scene, multiple skills

Speaking, listening, reading, and writing use reusable templates, from flashcards and spelling to fill-in-the-blank and best-answer interactions.

Lesson → template → learner response
240 lessons · 8 levels

Stage 03 / 04 · Guidance

A lesson-aware helping hand

AVI offers contextual pronunciation, grammar, and vocabulary guidance so help relates to the lesson the learner is working through.

Lesson context → AVI → guidance
Contextual learning support

Stage 04 / 04 · Teacher

Make the classroom legible

Teacher dashboards bring activity, skill progress, lesson planning, and resources together. Student views communicate progress and reports.

Activity → skill progress → planning
Two views of learning
Product flow · simplified for this case01 / 04

From watching to understanding.

02The build

  • Reusable speaking, listening, reading, and writing templates across 240 lessons.
  • Multiple-choice, fill-in-the-blank, spelling, flashcard, and best-answer interactions.
  • Teacher dashboards for activity, skill progress, lesson planning, and resources.
  • Student dashboards for progress, profile, reports, and karaoke-based practice.
  • A lesson-aware AVI for contextual pronunciation, grammar, and vocabulary guidance.

03Decisions that mattered

01The story carries the curriculum.

Movie-based context gives exercises continuity and makes practice feel connected.

02Design once, author many times.

Reusable templates let educators vary content without rebuilding the interaction model.

03Teacher and learner views share the same truth.

Progress data is useful only when both sides can understand it.

04Outcome

The result is a structured learning experience spanning eight levels and 240 interactive lessons. Hashaam's resume groups the EAJ and English for Success redesigns under an approximately 40% page-load improvement; the exact project split is not public.

Previous case← Everybody Loves LearningNext caseTrace →