JAM is a music companion app designed to help users effortlessly translate YouTube songs into guitar chords with synchronized lyrics.
Problem
YouTube, one of the most popular streaming services, is a popular destiantion for people to listen to and watch the artists from music they love. When musiciains wish to learn these songs through Youtube it requires them to switch between multiple tools; video, chord charts, and lyrics breaking flow and focus.
Opportunity
Design a music-first experience that lets users play along in real time without friction.
JAM (CASE STUDY)
10.
Interaction Flow
Splash → Create Account / Home → Search → Results → Lyrics + Chords
Product Overview
Convert YouTube songs into playable guitar chords
Display lyrics with real-time chord overlays
Organize songs into libraries and playlists
Explore curated music based on listening activity
Product Overview
Convert YouTube songs into playable guitar chords
Display lyrics with real-time chord overlays
Organize songs into libraries and playlists
Explore curated music based on listening activity
Brand Guidelines
With a minimalist color palette of black, grey, white, and a pop of orange for JAM it keeps the focus entirely on the music and chords, allowing users to concentrate on playing without visual distractions or psychological influence. By using simple tones, the interface remains approachable, professional, and versatile across all lighting environments, from dimly lit practice rooms to bright outdoor spaces.
Additionally, the font Nunito for the main logo with a play button motif and the supporting text is minimalist, but the letters have rounded edges, contributing to a cozy, but clean look and feel.
PROJECT: UI/IX DESIGN + MOTION GRAPHIC DESIGN + PROTOTYPING
PROGRAMS: Figma, Adobe After Effects, Adobe Illustrator