👋

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.