SoundGPT case study hero image
product design
SoundGPT

product design for an AI-driven music creation and streaming platform

Role
Product Designer
What
WEB APP
Category
Entertainment
When
June 2025

The background

SoundGPT is a sophisticated AI-powered platform designed for music creation and streaming, offering two primary functionalities:

1

Music Generation: Effortlessly create music and audio content using the AI input box.

2

Discover: An AI-driven music streaming service catering to all users, particularly professionals seeking royalty-free music and sound effects.

Goal

Develop the initial version (MVP) of the Discover section, inspired by the Spotify model for AI-driven music.

Prototype

Prototype

Discover the fully interactive prototype

View prototype

Demo video

The product demo video can be accessed below or through this link.

Explore and define

Challenge

The current page highlights "Generate Music," which fails to address the needs of both target user groups.

Consequently, music listeners may perceive the platform as uninviting and overlook its potential advantages.

The Figma project file is available here.

Explore

Brainstorming the ideas and intentions.

I conducted some competitive research and checked user feedback on the community.

Define

Understanding user needs, motivations, and frustrations is crucial.

Therefore, developing personas is essential for exploring various solutions to existing challenges.

Music creators

persona2 image

Expectations:

• Utilise the AI input box to effortlessly compose music/sound.

• Use AI to creatively remix existing songs.

• Get a music inspirations through the platform.

Frustrations:

• Difficult to create songs with AI input.

• Can't find the sound creation feature.

Music listener

persona2 image

Expectations:

• Stream music via the platform.

• Various playlists and genres.

• Effortlessly locate the songs that users desire.

Frustrations:

• Difficult to locate certain songs or sounds.

• Can't find music/sounds the user enjoys.

How might we create an engaging discovery feature for different user types?

business opportunities

SoundGPT is not just a music-streaming platform;

It empowers creators to generate a diverse range of sounds and music using advanced AI technology.

🔊 Music generation:

SoundGPT's unique value proposition lies in its innovative features: "Create" and "Remix." These capabilities set it apart as an AI music streaming platform, distinguishing it from conventional music streaming software.

🩷 Social:

Create a social platform where users can share their music taste and creations.

🤖 AI prompt box:

The primary feature of the product leverages the AI prompt box to generate sounds and music. Given that the company name includes "GPT," users generally anticipate its presence on the platform.

📚 Vast music library:

A comprehensive library of high-quality sound and music assets, available for commercial use without royalties.

The app

The user-friendly modern designed app is made to visualise and customise all the product's features using various items.

Each item is built to navigate through the details of the features.

tablet mockup with discover page

Design annotations

• Main page(1/3)

The initial interaction point for users to engage with the product, where they can explore its features.

SoundGPT web app main page image
1

Navigation bar:

Incorporated additional product features into the navigation list that were not present in the initial version.

2

Title Text Animation:

Highlight the features and capabilities available on the MUSIC GPT platform.

3

The AI input box:

Streamlined the prompt box design for two user types: music producers and listeners. It allows for song searching and music generation at once.

*Creators seeking to use technical elements can open the “Advanced” dropdown in the input box. Also they can visit "Create" page from the nav bar.

*Added search and prompt generator indicators to guide users on how to interact with the prompt box.

• Main page(2/3)

SoundGPT web app main page image 2

Provide more info on the music streaming features on the homepage.

Boost the music streaming feature's visibility on the main page. Let users easily listen to songs and enjoy high-quality music while fostering community engagement.

• Main page(3/3)

SoundGPT web app main page image 3

Product feature visibility:

The current design in this section is exclusively available with the introduction of AI sound generation-related products.

A dedicated section has been created for the "Discovery" product feature to enhance product visibility.

• Discover dashboard

SoundGPT web app discover page image
1

Navigation bar:

Showcase and emphasize the user's location using the underbar.

A more compact AI input field has been introduced at the top to enhance usability.

2

Music Filter:

Filter tags for easier navigation of the page: Each category has dedicated pages.

3

Song Card (Hover):

When the user clicks the expand (...) button, a dropdown opens with additional actions.

The unique value proposition is that “Create” and “Remix” features are exclusive to an AI music streaming platform, enhancing user experience.

4

Customised content(under the fold):

New sections have been introduced for personalisation: "For You," "Suggested Creators," and "Recently Played."

These enhancements aim to improve user engagement and overall experience.

Overview

Prototype

Discover the fully interactive prototype

View prototype

Design file

Check the design file specifications for this project.

View design