notekey
Leela Rao
See it On Campus: Level 2
Located near the ECU boardroom on the second floor!
Visitor InfoMusic theory through context.
“A musical key is a group of specific notes, harmonies, and chords that form the foundation of a piece of music, revolving around a central home note called the tonic.”
| Live Deployed app on Vercel | Complete Brand and design system | Tested Usability study complete |
Wordmarks
notekey
notekey
Logo mark
Typefaces
Outfit 800 Display & UI
Inter 300 Body copy and descriptions
Colour palette
| Violet #8b7cf8 | Pure Black #000000 | Off-Black #0f0f0f | Slate #6B6B6B | Pure White #FFFFFF |
Songs easier to play. Easier to sing.
If a song feels too high, too low, or awkward on your instrument, adjust it to fit you. No music theory knowledge needed.
notekey then surfaces other songs with a similar sound in the same key so you keep discovering as you go.
From concept to product.
A full year of product design and development, from the first sketch to a working app in users hands.
Phase 1
Framing
Defined the core tension: utility tool vs. discovery platform.
Landed on “discovery through transposition” as the differentiating frame.
Phase 2
Audience research
Identified hobbyist musicians as the target segment.
Phase 3
Brand identity
Developed a full visual system through competitor analysis and bias of colour preference.
Phase 4
Build
Scaffolded in Lovable, refined in VS Code, deployed on Vercel.
Integrated the iTunes API for dynamic high-res album art.
Phase 5
Usability testing
Tested UI clarity and navigation findability across beginner and experienced player segments.
Gathered feedback on visual hierarchy, accessibility, and onboarding.
Phase 6
Iteration
Refined based on test findings. Explored light mode, improved fallback states, and locked a feature freeze ahead of exhibition.
3 key ways to use it.
Whether you’re playing with a band, singing at home, or just curious, notekey meets you where you are.
Everyone in the same key. Instantly.
Your band calls a key you don’t know the song in. No stopping, no guessing. notekey shifts it in seconds so you’re playing together from the first bar.
The scenario: rehearsal starts, someone calls a key you don’t have. Open notekey, shift your song, keep playing.
Make any song fit your voice.
Too high to sing. Too low to strum. Shift any song to the range that works for you. What used to take a music teacher or a theory textbook now takes a single tap.
The scenario: you love a song but can’t hit the chorus. Drop it two keys, sing it comfortably, own it.
Discover songs you didn’t know were connected.
Songs in the same key share a musical DNA. notekey surfaces that connection. Find new songs that feel familiar the moment you play them.
The scenario: you’ve mastered one song. notekey shows you five more in the same key that use the same shapes and feel.
