Main visual for Vinyl Music Platform

Vinyl Music Platform

Music Industry • E-commerce • UX Design

Tools: Figma

Client

Google UX/UI Certificate

My Role

Product Designer

Duration

October 2022

Project Focus

Music Industry, E-commerce, UX Design

The Challenge

As part of the Google Professional Certificate, the task was to design a website where users can listen to music and buy high-quality vinyl records. The design needed to be simple and elegant, with deep colors and minimal typography to match the theme of classic vinyl, without distracting visitors.


Design Process

The design process followed a user-centered approach, evolving from low-fidelity sketches to high-fidelity interactive prototypes. Each stage was informed by user feedback and stakeholder validation.

Key Project Steps

Low-Fidelity Wireframes Visual

Low-Fidelity Wireframes

I start by gathering the client's needs through sketching of low-fidelity wireframes. Then, I translate those into mid-fidelity designs, incorporating basic colors and functional ideas.


Persona Visual

Persona

To better understand the target user, a persona was created based on initial research. This helped guide design decisions and ensure the solution was truly user-centric, focusing on the needs and goals of a typical vinyl enthusiast.


Charte Graphique Visual

Charte Graphique

A specific color palette and typography were chosen to evoke the classic, elegant feel of vinyl records, ensuring a cohesive and immersive visual identity.


User Flow Visual

User Flow

A clear user flow was mapped out to ensure a seamless journey from browsing to purchase.


User Tests Visual

User Tests

I gathered 4 main insights from 9 participants during user tests.


Final Design Visual

Final Design

A complete overview of the final high-fidelity design, showcasing the culmination of the design process.


Key Learnings & Outcomes

  • Successfully designed a complete user flow from music discovery to purchase.
  • Developed skills in wireframing, prototyping, and user testing.
  • Gained key insights from user testing, which highlighted areas for improvement in navigation and checkout flow.