Grenoble, France

Resume

VinylVerse

Brand identity & e-commerce

Date
June 2025
Categories
  • Communication
  • Graphic design
Context
Fictional brand
Collaboration
Flocard R. · Fragnoud N. · Di Francesco N.

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.

The project takes shape through our Figma mockups and prototypes, which illustrate our UX/UI approach and our ability to transform an idea into a cohesive and engaging user experience.

Figma

Mockups and prototypes

Content hosted by Figma. It only loads if you click.

Mockups and prototypesOpen in a new tab ↗
Next projectBehind the curtain Cultural report

Republic of the curious

Passport

This site hides twelve secrets. Each discovery earns a stamp, kept in this browser.

0/12 stamps

  1. ComebackSecret no.01

    Hint : Leave for a moment… then come back.

  2. PolyglotSecret no.02

    Hint : Three languages, one portfolio. Visit all three.

  3. Night owlSecret no.03

    Hint : Grenoble's clock hides a switch.

  4. Music loverSecret no.04

    Hint : Music is with me every day. Turn the sound on.

  5. Green thumbSecret no.05

    Hint : Type the name of this site's colour.

  6. IpponSecret no.06

    Hint : Judo medallist. Bring my name down, at the very bottom.

  7. PatienceSecret no.07

    Hint : Don't touch anything for a long while.

  8. Konami codeSecret no.08

    Hint : ↑ ↑ ↓ ↓ ← → ← → B A

  9. Under the hoodSecret no.09

    Hint : Developers know where to look. The console, for instance.

  10. DeckhandSecret no.10

    Hint : Type what you would have to build to set sail.

  11. AutographSecret no.11

    Hint : On the home page, insist on my initials, top left.

  12. BookwormSecret no.12

    Hint : This portfolio also exists on paper.