Services
Communication – Design
Collaboration
FLOCARD R. – FRAGNOUD N.
– DI FRANCESCO N.
– DI FRANCESCO N.
Year
June 2025
For this project, completed as a team of three, we created VinylVerse, a fictional brand dedicated to vinyl records, built from scratch. Our goal was to design an immersive e-commerce experience, combining sales of classic vinyls, customization of unique items, and monthly subscriptions with exclusive content.
We started from the client brief, defined three personas, conducted competitor research, and then developed a complete design system (typography, colors, components, and site architecture).
The project was then brought to life through wireframes and a high-fidelity Figma mockup, featuring a modern and impactful design aimed at engaging a curious, creative, and aesthetically-minded audience. The experience is designed to make each vinyl not just a product, but also a gateway to a musical and sensory universe.
Although the site was developed on PrestaShop, it is no longer accessible online; the project is showcased through our Figma mockups and prototypes, which demonstrate our UX/UI approach and our ability to turn an idea into a coherent and attractive user experience.
⚠️ The links between the pages in the mockup are not active. You can press → or swipe (on mobile) to navigate between pages.
We started from the client brief, defined three personas, conducted competitor research, and then developed a complete design system (typography, colors, components, and site architecture).
The project was then brought to life through wireframes and a high-fidelity Figma mockup, featuring a modern and impactful design aimed at engaging a curious, creative, and aesthetically-minded audience. The experience is designed to make each vinyl not just a product, but also a gateway to a musical and sensory universe.
Although the site was developed on PrestaShop, it is no longer accessible online; the project is showcased through our Figma mockups and prototypes, which demonstrate our UX/UI approach and our ability to turn an idea into a coherent and attractive user experience.
⚠️ The links between the pages in the mockup are not active. You can press → or swipe (on mobile) to navigate between pages.