Build a Phonics Reading App with Plume's Alphabet QuestBuild a Phonics Reading App with Plume's Alphabet Quest
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
For the Figma ConfigMakeathon, I wanted to build something personal.
I have a four-year-old who's learning how to read. As any parent knows, summer break means scrambling for ideas that actually engage kids. So I built him a reading app I'd want him to use every day.
Meet Plume's Alphabet Quest.
An audio-first phonics app made for early readers/little kids who are just learning to read. The child sees a letter, hears it spoken aloud by Plume (an owl I designed for this), then identifies the picture card that matches the sound. After every level, Plume reads them a tiny story using the words they just learned turning letters into language in real time.
Why it matters:
The app uses the OpenDyslexic font throughout, audio-first interaction (great for pre-readers and kids with dyslexia), multi-sensory engagement, and no fail states or anxiety- inducing timers. Just a child, a letter, and a little owl friend guiding them through it.
What's inside:
7 progressive levels (Starter → Alphabet Master)
Full A-Z letter coverage with 100+ words
4 unlockable badges (First Reader, Word Wizard, Reading Champion, Alphabet Master)
Story Moment after each level ...Plume reads a sentence using the letters just learned
Designed for children ages 2-4yrs
How I built it:
Figma Make for the entire app build (state machine, logic, animations, audio)
Figma Weave for Plume's character design and animated video assets
OpenDyslexic font for accessibility
Web Speech Synthesis for Plume's voice
The build process is fully documented and I live-tested the app with my my little one (you see his reaction in the demo video).
Try it yourself here: Plume's Alphabet Quest
A reading app built by a parent, for a child. With Figma.
#ConfigMakeathon
Dylan's avatar
Contra logo
lovely
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started