Mobile messenger app design

Muzz – Music and Event App

Music universe in one app. Muzz makes it easy for users to explore over 90 million songs, stay updated with new releases, and find tickets to upcoming concerts, all within a dynamic design.

Mobile App Design
Music
About Project
Our Task
Design Process
Wireframes
Visual Design
Key Features
Screens

About the Project

Muzz is a mobile app that revolutionizes music discovery and concert access. It empowers users to explore a vast catalog of over 90 million songs, build personalized libraries, and seamlessly purchase tickets to upcoming concerts and tours.

34 screens

160 hours

Mobile messenger application design

Service:

Mobile App Design

Industry:

Music

Country:

USA

Partnership period:

2022

Our Task

The client approached us with the goal of creating the most convenient application for discovering artists and upcoming music events. Our task was to realize this vision by designing a music app where users can build a library of songs and albums and effortlessly buy concert tickets.

Our Solution

Our team developed an app where users can listen to their favorite songs, create personalized playlists, and purchase tickets to various music events with a single touch. This solution ensures a seamless and enjoyable experience for music enthusiasts.

Our Design Process

01
Research & Discovery
Initial research and discovery phase

Our design process began with a comprehensive research and discovery phase. At this stage, we engaged in in-depth discussions with the client to understand his vision and desired functionalities for the app. This phase also involved extensive competitor research within the music streaming and live event ticketing industry. Additionally, we conducted a thorough audience analysis to understand user personas, music consumption habits, and desired user journeys within the app.

02
Wireframing
UX stage

Leveraging the insights gleaned from the research phase, we meticulously crafted wireframes for the app. These mockups visually represented the core user flows, encompassing key elements like artist discovery, playlist creation, and the concert ticket purchasing process. By focusing on functionality and structure at this stage, we ensured a streamlined and intuitive user journey for music exploration and event access.

03
UI Design
UI stage

With the user experience firmly established through the wireframes, we transitioned into the UI design phase. In this stage, we translated the user-centered functionalities into visually appealing and intuitive user interfaces. This involved meticulously crafting the visual elements of the app, including custom icon sets, the selection of a font and color palette that complemented the app's overall aesthetic and resonated with the music industry's target audience.

04
Logo Design
Logo design stage

Beyond the music app design services, our team crafted a distinctive logo for Muzz. The logo prominently features a wave symbol, representing the flow and essence of music. Surrounding the wave are concentric circles, symbolizing rhythmic beats, encapsulating the dynamic and vibrant nature of the app. This design establishes a strong and recognizable brand presence.

05
Clickable Prototype
Clickable prototype stage

To ensure the app met the client's vision and user expectations, we developed a clickable prototype. This interactive prototype allowed the client to experience the app firsthand, navigate its functionalities, and provide valuable feedback before development commenced. This collaborative approach ensured that the final product aligned perfectly with the client's vision and user needs.

01

Research & Discovery

02

Wireframing

03

UI Design

04

Logo Design

05

Clickable Prototype

Wireframing

To ensure a robust design process, we developed more than 20 wireframes that acted as a visual guide. These wireframes carefully detailed the user flow, encompassing everything from discovering music to buying concert tickets.

Initial screen wireframe of the Splash app
Wireframe of Splash app's phone number entry screen
  Wireframe of the Splash app's interface for entering a user name
 Wireframe of Splash app's messages screen
 Wireframe of the Splash app's search functionality
 Wireframe of the Splash app's new group screen
 Wireframe of Splash app's new group creation screen
  Wireframe of Splash app's chat screen
 Wireframe of the Splash app's contact profile screen
  Wireframe of the Splash app's contacts screen
  Wireframe of the Splash app's contacts screen
  Wireframe of the Splash app's contacts screen
  Wireframe of the Splash app's contacts screen
  Wireframe of the Splash app's contacts screen
  Wireframe of the Splash app's contacts screen
20+ Wireframes

Visual Design

We created a vibrant visual design to captivate music enthusiasts. Our color scheme balances bold and soft tones, reflecting the dynamic nature of music. Furthermore, we designed custom icons to enhance user interaction and chose Plus Jakarta Sans typography to ensure readability and convey a contemporary aesthetic.

 Splash app typography
 An example of using the Splash typography
 Splash app color palette
 Splash app icons set

Key Features

01

Extensive Music Library

An extensive music library that allows users to access a catalog of over 90 million songs, including the latest releases and popular albums.

 Splash private messaging feature
02

Personalized Music Discovery

A personalized music discovery feature that enables users to find their favorite artists in one place and build their own music library.

  Splash groups feature
03

Concert & Tour Tickets

A seamless ticketing feature that allows users to easily find and purchase tickets for upcoming concerts and tours directly within the app.

 Splash contacts management feature
04

Personalized Content & User Management

A comprehensive management tool that allows users to save their favorite songs, playlists, and events, while managing their personal profile and preferences.

 TrackEasy subscriptions management feature

Screens Overview

   UI design of Splash app's welcome screen
 UI design of Splash app's phone number entry screen
   UI design of Splash app's name creation screen
 UI design of Splash app's messages screen
 UI design of Splash app's search screen

More cases

View All

E-Booking

Learn more

E-Event

Learn more

Sliky

Learn more

Have a project in mind?

rocket-line
rocket