Lystn is a modern, stylish, and social music streaming platform designed to enhance the way users experience their favorite tracks. With a clean interface and intuitive navigation, Lystn sets itself apart by offering a personalized listening experience, seamless playlist sharing with friends, and direct engagement with artist pages. Whether you want to explore trending songs, search for your favorite artist, browse music by genre, or dive into full albums, Lystn provides a sleek, immersive music discovery experience.
SIGN IN
Users can log in with their username and password or use Google/Facebook authentication for a faster experience.
​
A clean and straightforward interface welcomes users with the phrase “Welcome Back!”, setting the tone for an easy and seamless login.
SIGN UP
New users can register an account by entering their username, password, and email.​
​
Like the sign-in page, users can quickly sign up via Google or Facebook for added convenience.​
​
​
DISCOVER
The main dashboard where users can browse trending songs, featured artists, and new releases.
​
A personalized section displays popular music, artist recommendations, and a “Trending Songs” section.
SEARCH
A powerful search interface allowing users to find music by artist, song, album, or playlist.
​
As users type, Lystn provides real-time suggestions based on their preferences and listening history.
GENRES
A beautifully organized genre library that allows users to explore music by category.
​
From jazz and hip-hop to classical and electronic, this section offers an easy way to dive into different moods and styles.
ARTIST
A dedicated artist page displaying verified artist profiles, monthly listeners, and their most popular songs.
​
Users can follow artists, stay updated on new releases, and engage with their music directly.
ALBUMS
A detailed album view showcasing tracklists, play counts, and album artwork.
​
Users can listen to full albums, save them to their library, and explore similar music.
TRY IT!
Now, give it a try by using your mouse to click, and experience Lystn for yourself.
​COMPETITORS DESIGN
Spotify’s design is flat and uninspired, while Lystn’s sleek gradients, dynamic layouts, and social features make the experience more engaging.
​
Spotify feels static and dull, but Lystn’s modern visuals, bold typography, and fluid UI bring energy and style to music streaming.
FLOWCHART
This flowchart outlines the user journey in Lystn, from opening the app to exploring music. Users start at the Cover Screen, proceed to the Login Page, and either sign in or create an account via the Sign-Up Page. After logging in, they reach the Home Page, where they can search for songs, explore genres, view artist profiles, or browse albums.
This structure ensures a smooth and intuitive experience, making it easy for users to navigate, discover, and engage with music. By mapping this flow, developers can optimize usability, ensuring Lystn remains user-friendly and engaging.
LOW
HIGH
FIDELITY
The low-fidelity wireframe outlines the basic structure of Lystn, focusing on layout, navigation, and functionality using simple shapes and placeholders. This stage allows for quick testing and iteration before adding visual details.
The high-fidelity mockup brings the design to life with colors, typography, images, and interactive elements, creating a sleek, modern, and engaging user experience. This transition ensures Lystn is both functional and visually compelling, blending usability with style.
VERSION 1
VERSION 2
ITERATIONS
Lystn has evolved through multiple refinements to achieve a sleeker, more modern look. The old design featured heavier UI elements, brighter colors, and less visual balance, making the interface feel cluttered. The current design embraces minimalism, refining the layout with subtle gradients, improved spacing, and a more cohesive color palette for a cleaner experience.
​
COLOR PALETTE
Lystn’s color palette blends deep, rich tones of maroon, dark purple, and brown, balanced with a sleek gray to create a design that feels both vibrant and relaxing. Unlike Spotify’s all-black interface, which can feel dull and flat, Lystn’s colors bring warmth and personality, making the experience feel more engaging and dynamic. The mix of bold and muted hues ensures a visually immersive experience, giving users an interface that’s modern, stylish, and full of energy while still being easy on the eyes during long listening sessions.
TYPOGRAPHY
Lystn’s typography strikes the perfect balance between sophistication and modern energy with SF Georgian and Gabarito. SF Georgian adds a classic, refined touch, making text feel elegant and easy to read, while Gabarito introduces a bold, contemporary flair that brings personality and vibrancy to the interface. Unlike Spotify’s simple, predictable font choices, Lystn’s typography makes navigation feel engaging and expressive, ensuring a visually appealing and dynamic music experience.
USER INTERVIEWS
​Music Discovery Habits:
​Users enjoy discovering new music but prefer personalized recommendations over generic playlists. Many feel that existing platforms don’t accurately reflect their music tastes over time.
​Social Music Engagement:
​Users want a more interactive way to share music with friends beyond basic playlist sharing. They find Spotify’s social features limited and prefer a platform where they can see what their friends are listening to in real time.
​Aesthetic and Experience:​
Users value a modern, visually appealing interface that makes browsing music feel immersive and enjoyable. Many describe Spotify’s design as dull, wishing for a more energetic and engaging UI.
​Playlist Customization Preferences:​
Many users feel that playlist management should be more intuitive. They want the ability to easily organize, share, and collaborate on playlists with friends, similar to a shared social feed.
​
​
CLOSING THOUGHTS
This project explores how to make a music streaming platform more engaging, improve music discovery, and enhance the user experience beyond just playing songs.​
​
Overall, users loved Lystn’s design and features. Future improvements could include AI-driven recommendations and enhanced playlist collaboration. Lystn delivers a more social, vibrant, and engaging music experience—thank you for reading!