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)

02.

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

Previous
Previous

01 . 76TH PRIMETIME EMMY AWARDS / live motion systems 2D & 3D motion

Next
Next

03. APPLE POWERBEATS 2 EARBUDS / 3D modeling + image editing