Moving physical space into a digital realm

‍

This project set out to capture the essence of a real-world experience — a visit to a vinyl record store — and translate it into a digital space.

‍

A few decades ago, music transitioned to digital platforms with apps like Apple Music and Spotify. Yet, vinyl records not only endured but have seen a resurgence in popularity. Perhaps this is because digital formats lack the tactile, immersive experience of playing a vinyl record. A vinyl release offers much more than just music — it includes cover art, lyrics, and a carefully curated track order, where the album’s narrative matters more than individual songs.

‍

eVinyl seeks to preserve this unique experience in a digital format.

‍

This website features pre-curated music collections that you can flip through, select a record, and drop the needle—just like in a real vinyl store

Responsive Layouts as a Design Opportunity

‍

I leveraged browser scaling and empty screen space as design advantages. On the vinyl detail page, the album cover takes center stage in the hero section. Since desktop screens have a horizontal layout, I utilized the remaining space to display the vinyl itself. As the user adjusts the browser width, the record seamlessly slides in and out of the cover, creating an interactive experience.

‍

The overview page is designed like a wall shelf, with vinyl records organized into different categories. When a user selects a title, an animation is triggered — placing the record on a virtual turntable as the needle drops and the music begins to play.