Case study

Language learning player

Learn a language by watching shows, with subtitles you can tap

EdTechB2C

Role
UI and UX design, interaction design
Tools
Figma
Category
EdTech, B2C

Overview

Sublio is a concept for learning a language by watching shows. The player shows subtitles in two languages. Tapping a word pauses the video and opens a card with its meaning, and saved words come back later as short reviews. The work was keeping the learning tools close without covering the picture.

Key decisions

01

The video stays the hero

Controls and panels are smoked glass over the picture, and they hide when you are not using them.

02

One tap to learn a word

The word card opens where you tapped, with meaning, example and a save button.

03

Review in small sessions

Saved words return in short sets with the scene they came from.

Screens

Watch: dual subtitles and the word card.
The UX decisions behind the player
The UX decisions behind the player.
Home: continue watching and shows by level.
Review: saved words with their scenes.
Progress: words learned and time watched.
The word card on its own
The word card on its own.
The project cover
The cover shot.

More work

All work

Available for new projects

Tell me what you are building

Book a 30 minute product strategy call. We map the scope, the timeline and the one next step.