Mahogany is a music streaming platform that connects brands and artists with their audience, fostering authentic and meaningful conversations through music culture.

However, the absence of a responsive web application has become a challenge for the brand to attract and retain users. With no platform to sign up, browse, and play music, users are left with limited options, leading to a loss of potential engagement and revenue.

To tackle this issue, we wanted to design an experience that increases conversion of returning users to Mahogany with the ability to actually view songs, albums and play music directly in the product.

Spotify and Apple music are the direct competitors so, we analyzed both apps user flows, interfaces and interactions so we could identify useful patterns that already work well in them.

The user flow for Mahogany's music streaming app

Sign up - Users can create an account easily and quickly through a straightforward and intuitive signup process.

Browse music - Users can browse music through a visually appealing and user-friendly interface, with various features like filtering, sorting, and search options.

Personalised recommendations - Users can enjoy personalised recommendations based on their listening behaviour, enhancing their overall music streaming experience.

Play music - Users can play songs with ease through a clean and straightforward music player with easy-to-use controls and an intuitive interface.

The rapid prototype process for wireframing is focused on creating a user-centered design that meets user needs and preferences. The process involves constant testing and iteration, ensuring that the design is refined until it is optimal for the end-users.

The styles and components created for Mahogany's music streaming app are focused on creating a visually appealing and user-friendly design that meets the needs and preferences of the app's users. The typography, color scheme, navigation, music player, search bar, and personalized recommendations all work together to create a cohesive and authentic music streaming experience for Mahogany's users.

The process involved constant testing and iteration to ensure that the design is refined until it meets the expectations of the end-users. The final result is a polished and intuitive app design that provides an authentic and meaningful music streaming experience for Mahogany's users which you can see below.