SoundScape is a conceptual mobile streaming app designed as part of an academic UX/UI project.
The primary challenge of this project was designing an interface that supported music discovery with minimal user friction and cognitive load. Navigation needed to allow users to explore music by genre, location, and featured tracks within a visually engaging yet minimal layout.
A competitor analysis of major and niche music apps helped identify UI conventions to retain or evolve — such as expandable players, swipeable feeds, and persistent audio controls.
Early usability testing revealed ambiguity around audience and intent, leading to refined hero content and clearer visual hierarchy. This clarified the app’s focus on listeners, moving away from a dual creator–listener model.
A modular Figma UI kit was developed, including typography, color palette, components, and iconography. The interface uses a deep blue-black background with a restrained accent color to guide interaction. DM Sans supports clarity and typographic hierarchy across screens.
Layouts follow a consistent grid system to maintain rhythm and balance, emphasizing album artwork and genre tags without clutter. Spacing, tap targets, and color contrast adhere to accessibility standards and Apple’s Human Interface Guidelines.
The app was structured around three discovery modes — Explore, Stream, and Feed. Informed by competitive patterns, the interaction design focused on a familiar playback experience with intuitive controls and a clear flow between browsing and listening.
Primary screens demonstrating the app's user flow.
The final design resulted in a minimal interface that enables music discovery through clear navigation, emphasizing visual balance, content clarity, and accessibility.