Thunder Music App | Case Study

πŸ‘‹

Hello Everyone!

In this case study, I want to share with you the adventures of turning my initial idea into a final product.

Introduction

I had been self-studying Android Development and UI Design for a while, working on small projects to practice. Eager to challenge my skills further, I decided to design and develop a music player application.

Let's journey through the adventures of my music player app project together.

Step 1: Benchmarking

At this step, I analyzed similar apps to understand their features, strengths, and weaknesses. This helped me gain insights into common features of music player apps and identify improvement opportunities.

Also, I captured screenshots of these apps to draw inspiration and identify design patterns.

Step 2: Prioritizing App Features

After the benchmarking step, I proceeded to prioritize the app features. Based on the information I gathered and my goals in designing and developing the app, I made a list of features that the app must have, which is as follows:

music library, search, song details, multi-language, drive mode, add to favorites, light/dark mode, filter songs by length, now playing theme, create playlist

Step 3: Ideating

After prioritizing app features, I started ideating by creating low-fidelity wireframes.

The goal was to visualize the app's functionality and user flow early in the design process and validate design decisions.

Step 4: Designing App Icons

At this step, I focused on designing the app icons. Using Adobe Illustrator, I created a set of cohesive and visually appealing icons.

My goal was to ensure that the icons were not only attractive but also intuitive and easily recognizable by users.

Step 5: Designing App Launcher Icon

I collaborated with my friend Mohammad Hossein Malekipour, a professional logo designer, to design the app launcher icon.

The result was a polished and professional launcher icon that stood out on users' home screens, contributing to the app's overall appeal and identity.

Step 6: Designing User Interface

In this step, I focused on transforming the low-fidelity wireframes created during the ideation phase into high-fidelity mockups. The process included designing light and dark modes.

I started by designing the light mode interface, emphasizing a clean and modern look.

Next, I designed the dark mode interface to offer an alternative visual experience.

This mode was tailored to reduce eye strain in low-light conditions while maintaining the app's usability and aesthetic appeal.

Step 7: Developing

At this step, I developed the app in Android Studio using Java and XML.

After thorough testing and optimization, the app was fully developed and ready for publishing.

Step 8: Publishing

This step marked the project's culmination, as the app became accessible to users.

I published the app on the Myket app store. The app is now available for download and you can get the app right now with the link below:

Thunder Music App on Myket

πŸ™

Thanks For Scrolling!

I hope you found this case study helpful.

If you have any questions or feedback, feel free to reach out. Your interest and support are greatly appreciated.

More by Masoud Rafizadeh

View profile