Desktop web app · Personal portfolio project
A personalised home experience that brings recently played tracks, unfinished listening and playlists into one place.
From Playlist to Playback
A connected flow from exploring a playlist to focused playback, with a clear path to account authentication.
Playlist
Browse and manage songs within a playlist.
Now Playing
A focused listening experience with persistent playback controls.
Authorisation
A simple entry point for users who want to access their account and saved content.
Guest Experience
MyPlay allows guests to explore music and try the core listening experience before creating an account. A temporary preview playlist lets them add up to 10 songs, while saved playlists and extended features remain available after signing up.
Guest Home
Discover music through trends, new releases, playlists, moods and genres.
Guest Empty Playlist
A temporary preview playlist where guests can add up to 10 songs before signing up.
Search Experience
MyPlay supports different ways of finding music, including song, artist and sound search. Search also accommodates partial information and common typos, making it easier to find a track even when the user does not know its exact title.
Guest Search Results
Search results for users exploring MyPlay without an account.
Authorised Search Results
A personalised search experience for logged-in users.
Low-Fidelity Wireframes
Before moving into visual design, I used low-fidelity wireframes to define the structure, layout, content hierarchy and key user flows.
The wireframes helped me validate the overall structure and relationships between key screens before developing the visual direction.
Design Foundations
I defined a simple visual foundation for MyPlay, including typography, colour, iconography and core interface styles. The goal was to create a calm and consistent visual language across the product.