Industry

Entertainment

Client

Concept Design

Team

Personal Project

Role

Sole Project

Timeline

January, 2026 (2 weeks)

Spotify Vinyl Concept Design

“Spotify Vinyl” is a product design concept that translates the physical behavior of vinyl digging into an intuitive music-discovery experience.

Industry

Entertainment

Client

Concept Design

Team

Personal Project

Role

Sole Project

Timeline

January, 2026 (2 weeks)

Spotify Vinyl Concept Design

“Spotify Vinyl” is a product design concept that translates the physical behavior of vinyl digging into an intuitive music-discovery experience.

Industry

Entertainment

Client

Concept Design

Team

Personal Project

Role

Sole Project

Timeline

January, 2026 (2 weeks)

Spotify Vinyl Concept Design

“Spotify Vinyl” is a product design concept that translates the physical behavior of vinyl digging into an intuitive music-discovery experience.

Industry

Entertainment

Client

Concept Design

Team

Personal Project

Role

Sole Project

Timeline

January, 2026 (2 weeks)

Spotify Vinyl Concept Design

“Spotify Vinyl” is a product design concept that translates the physical behavior of vinyl digging into an intuitive music-discovery experience.

“Spotify Vinyl” is a product design concept that translates the physical behavior of vinyl digging into an intuitive music-discovery experience.

After spending long hours in record shops, I experienced a clear friction point: discovering music from physical album covers required separate image searches and disconnected tools. This project reimagines Spotify’s camera feature by introducing a seamless album cover-scanning flow and creating a new UX interaction for searched album covers.

By integrating an AI agent directly into the workflow, the entire system, from concept to fully functioning prototype, was built using various AI tools, including Claude Sonet 4.5 / Chat GPT / Figma Make.

After spending long hours in record shops, I experienced a clear friction point: discovering music from physical album covers required separate image searches and disconnected tools. This project reimagines Spotify’s camera feature by introducing a seamless album cover-scanning flow and creating a new UX interaction for searched album covers.

By integrating an AI agent directly into the workflow, the entire system, from concept to fully functioning prototype, was built using various AI tools, including Claude Sonet 4.5 / Chat GPT / Figma Make.

After spending long hours in record shops, I experienced a clear friction point: discovering music from physical album covers required separate image searches and disconnected tools. This project reimagines Spotify’s camera feature by introducing a seamless album cover-scanning flow and creating a new UX interaction for searched album covers.

By integrating an AI agent directly into the workflow, the entire system, from concept to fully functioning prototype, was built using various AI tools, including Claude Sonet 4.5 / Chat GPT / Figma Make.

Introduction

Music Streaming Platform is all about music curation. 

There are tons of different ways to explore new music. For people with cool friends, social features like “what music my friends listen to” make discovery effortless — or you can simply let Spotify do everything for you with its powerful curation algorithm.





But if you love collecting and still remember the texture of music, here’s a new way to explore your music on Spotify.

User Pain point

Physical → Digital Music Exploration Journey

When people discover music through physical media, turning that discovery into listening isn’t seamless. Users must translate visual discovery into manual search across multiple platforms, breaking the flow from discovery to playback.

Solution / Visual Search

Spotify’s Native Visual Scanning for Instant Playback

By extending Spotify’s existing Camera Search for Spotify Codes with image recognition technology, I designed a seamless, native solution for physical music discovery.



Without changing the current user flow, visual analysis is naturally integrated into the camera experience, allowing users to scan any album cover and move directly into listening.

Figma Prototype / Album Cover Search Flow

Solution / Search History

Human-Centered Vinyl Exploration Interaction (Search History)

Albums searched through the camera are saved into a playlist, designed with interactions that mimic the natural hand gesture of flipping through records. This experience-centered interaction brings that physical behavior into the digital space, creating an intuitive, natural bridge between physical and digital music discovery.

JavaScript React Prototype / Search History

Final Design

Turning everyday problems into real, working products — with AI-driven workflows.

By embedding AI deeply into my design and development workflow, I was able to translate real-life friction into structured UX problems, systemized solutions, and fully functioning prototypes in a rapid and iterative way.


(AI Integration) This workflow was supported by Claude Sonnet 4.5 and ChatGPT, used for ideation, UX logic modeling, system architecture, code structuring, and rapid validation — enabling fast execution without sacrificing design quality.

By embedding AI deeply into my design and development workflow, I was able to translate real-life friction into structured UX problems, systemized solutions, and fully functioning prototypes in a rapid and iterative way.


(AI Integration) This workflow was supported by Claude Sonnet 4.5 and ChatGPT, used for ideation, UX logic modeling, system architecture, code structuring, and rapid validation — enabling fast execution without sacrificing design quality.

By embedding AI deeply into my design and development workflow, I was able to translate real-life friction into structured UX problems, systemized solutions, and fully functioning prototypes in a rapid and iterative way.


(AI Integration) This workflow was supported by Claude Sonnet 4.5 and ChatGPT, used for ideation, UX logic modeling, system architecture, code structuring, and rapid validation — enabling fast execution without sacrificing design quality.

By embedding AI deeply into my design and development workflow, I was able to translate real-life friction into structured UX problems, systemized solutions, and fully functioning prototypes in a rapid and iterative way.


(AI Integration) This workflow was supported by Claude Sonnet 4.5 and ChatGPT, used for ideation, UX logic modeling, system architecture, code structuring, and rapid validation — enabling fast execution without sacrificing design quality.