Piano Accordion

Website

Fall 2023

The Piano Accordion is an interactive web experience that blends responsive design with musical storytelling. As users resize their browser window, the piano interface dynamically transforms—its keys stretch, compress, and morph into abstract shapes that echo the fluidity and movement of sound. This visual evolution synchronizes with the chaotic and staccato jumpy sounds of the instrumental piano composition, Beethoven's Sonata No. 1 in F Minor, creating a multisensory experience where form and melody coalesce. The site explores the harmony between structure and spontaneity, inviting users to engage with both the music and the medium in a playfully shifting dance.