Syncopation is an exploratory album that fuses sound and visual design into an immersive digital encounter. Rooted in my ongoing research into music and design, it evolved as a body of work “out of sync”, questioning how we perceive rhythm, movement, and meaning. In music, syncopation marks a deliberate break in rhythm; conceptually, this project mirrors that rupture, becoming an allegory for creative interruption. The web experience unfolds like an album, where each “project track” reveals a different exploration of sound and form. Familiar cues from music interfaces guide interaction, creating a sense of rhythm within digital space. The interface moves, pulses, and resonates, translating sonic logic into a visual language that invites curiosity and intuitive play.
Within Syncopation, viewers encounter the intersection of sound, motion, and image. The work unpacks how new media art shapes my creative process, tracing moments of creation, distortion, and reconstruction. Through layered visuals and motion, two-dimensional imagery transforms into immersive three-dimensional environments that echo the sensorial experience of listening. These spaces reveal how both sound and design construct meaning through rhythm, and perception. Creative coding forms the backbone of this exploration, with particles.js introducing responsive interactivity that allows viewers to engage dynamically with the site. Every movement, every flicker, is a gesture toward understanding the rhythmic spaces beyond.
The cursor becomes the project’s pulse, guiding viewers through a responsive web environment. It reacts differently within each section: sometimes tracing lyrics like karaoke, at other times toggling, inspecting, or skipping between tracks. Its behaviour mirrors improvisation in music, turning navigation into performance. This interplay between interaction and rhythm transforms the site into a living system, one that listens and responds as much as it is explored. Syncopation reimagines what web design can become when approached as an instrument for storytelling. It resists standard UX patterns, choosing instead to choreograph digital space through rhythm, motion, and narrative flow. In doing so, it amplifies the harmony between sound and sight, design and improvisation.
Disciplines:
Art Direction, New Media Art, UX | UI Design, Web Development
