← All work
CASE STUDY DESIGN + BUILD + RELEASE

Vocabulary Stories

A word a day, and the story it came from. We built our own reading app end to end — product, design system, Flutter codebase, and both store releases — and it is now the reference build we show every client.

ROLE

Product, design & build

PLATFORMS

iOS & Android

STACK

Flutter · Material 3

TYPE

Playfair · Libre Baskerville

The brief

Vocabulary apps teach lists. People remember stories.

Flashcard apps are relentless and forgettable. We wanted a daily habit that felt like reading rather than revising: one short narrated story, the words earned inside it, and a streak worth protecting.

What we built

  • A daily story with follow-along audio and the day's words woven in.
  • Flashcards you earn rather than grind, tied to the story you just read.
  • Streaks and a daily list that make the habit visible without nagging.
  • A shared design system — tokens, type and components used by both platforms.

The screens

Lime for the moments that should feel like a reward. Teal for reading. Everything else gets out of the way.

Vs
VOCABULARY STORIES

A word a day, and the story it came from.

Cover · the lock-screen moment

WEDNESDAY, 3RD DEC

Good to see you, Alex.

TODAY'S STORY · 4 MIN

The Oubliette in the Garden

Read & listen
7-day streak 3 of 5 today
  • Read today's story
  • Guess the word
  • Earn 3 flashcards
Today · the daily habit

FLASHCARD 2 OF 3

oubliette

/ˌuːblɪˈɛt/ · noun

A hidden dungeon reached only through a trapdoor — or any place a thing is left to be forgotten.

Again Got it
Flashcard · the payoff

Under the hood

One codebase, one design system, two stores.

Flutter, tuned per platform

A single Dart codebase with platform-aware navigation, haptics and typography, so neither store's users feel like they got the port.

Material 3 theming

A teal-anchored M3 scheme with one loud accent, defined once as tokens and reused by every screen, sheet and chip.

Narration & offline reading

Stories and audio cached for the commute, with follow-along highlighting kept in step with playback.

Habit mechanics

Local notifications, streak state and a daily task list built to survive time zones, missed days and reinstalls.

WHAT IT GAVE US

Building our own product means every client project starts from a real, released codebase and a design system that has already survived app review.

Want this for your idea?

Tell us what you're building. We'll tell you what it takes.

Book a call →