SoundCloud Mobile Search Redesign

SoundCloud’s mobile search experience makes it difficult for users to quickly find and filter content, leading to friction in discovery and navigation.

I redesigned the end-to-end search experience to improve usability, clarity, and interaction flow.

In this project I set out to see if a redesigned search experience could help users discover music they like with less time and less friction.

First, I identified the functional gaps for search between the mobile and web products through a heuristic audit

I then conducted user interviews to discover what they search for, what filters matter, and where mobile fails them the most

How might we make SoundCloud’s mobile search a reliable tool for users trying to source music on the go?

Although my audit surfaced a long list of possible improvements, I decided to focus on adding filters to mobile search. This solution felt like the most natural starting point — users already understand filtering from the web experience, and Jakob's Law tells us people prefer interfaces that work the way they already expect.

I started with low-fidelity frames in Figma, designing search screens with dropdown menus to filter by relevance and by time.

To validate my design decisions, I built a live prototype using React and Vite, allowing me to test interactions in a realistic environment and ensure feasibility for production.

In VSCode, I prompted the Chat to help me make minor changes to the original design, simplifying it to remain consistent with SoundClouds current UI.

I believe this change meaningfully improves the mobile search experience. Enhanced search capabilities on mobile could have real potential to boost premium membership conversion.

I'd love to revisit the tabled ideas down the road and explore how I'd approach designing them. What do you think — would this change how you search on SoundCloud?