Uta: A Japanese Music Learning Experience.
After several years of learning Japanese, I noticed the same pattern every time I used music to study. The moment I heard a word I didn't understand, I left the song to look it up. By the time I found the answer, the song had already moved on. I designed and built Uta, a lyric-first MVP that keeps learning inside the music.
Scope Research → Concept → Prototype → Build → Polish
Music should feel like music,
not homework.
Learning Japanese through songs sounds romantic until you try it.
A single lyric pulled me across four apps:
translation, dictionary, lyrics, pronunciation.
By the time I understood the line, the song had already moved on.
The problem wasn't access to translation. It was interruption.
Translation alone isn't enough.
Learning through music, I kept running into friction at different moments. Sometimes I couldn't recognize the character at all. Sometimes I could read it but had no idea how to say it. Sometimes the translation made sense but I couldn't connect it back to the word that had just played. The friction consistently fell into four stages:
Can the learner identify the characters in front of them?
Can they sing along — even without knowing the meaning yet?
Can they map meaning back to individual words, not just whole lines?
Can they revisit, save, and slowly need less support over time?
One lyric. Adapted to confidence.
Learners weren't struggling with the same thing. Some needed help reading characters, others needed pronunciation support, and advanced learners wanted more immersion. The reading modes adapt to those different stages.
Full Guidance
Romaji is always an option. One slider setting that makes every lyric readable for listeners new to Japanese.
Balanced Listening
Pronunciation steps back. Translation stays available. The lyric starts to feel more natural.
Immersion Mode
The lyric fills the frame. Translation appears only on tap. Music leads — meaning follows when you need it.
Three moments,
one continuous flow.
Search, read, and understand Japanese lyrics without leaving the song.
Try the Live MVP ↗Real songs, real lyrics.
Search real songs and verified lyrics, not stripped-down examples.
Reading support, your way.
Choose your reading support level. Reduce it as you gain confidence.
Meaning, exactly when asked for.
The popup answers the learner's most immediate question first: what does this word mean?
A working prototype, not a screenshot.
Designed, built, and deployed as a working product. Every interaction shown in this case study exists in the live application.
What the Product Taught Me
- 同Synced playback
- 勧Suggested songs
- 蔵Saved vocabulary
- 句Phrase-level meaning
The prototype looked complete. The product exposed every assumption.
Early versions treated every word as an independent dictionary lookup. Real lyrics broke that immediately — Japanese meaning often lives at the phrase and grammar level, not the word level. A lookup that made sense in isolation returned nothing useful in context.
The most valuable design decisions came from solving those problems, not from drawing more screens.