Design rationale

Musik app

UX Design Rationale for Musik App Lyrics Feature

The problem


How might we allow the user to view the lyrics on the music player screen?

Target audience


Healthcare providers and customers

Young adults, Aged 16 to 21 iOS users ⟶
using iphone 13 &14 390 x 844 frame for figma design

Previous design


Current design as it stands today

My process


By drafting an empathy map I understood that the lyrics of the songs should be easily accessed to read lyrics while listening to their favourite songs, enhancing their overall music experience.
I decided to have swipe gesture to show lyrics an intuitive way to access lyrics, streamlining the interaction process.
Where users can seamlessly switch between viewing lyrics and controlling playback, ensuring an efficient and user-friendly experience.

Recommended design


This is the new recommended design based on my explorations.


More Case Studies

Musik App- Product Design


Revamped the Musik app with a user-centric design, meeting the requirement to incorporate a lyrics screen. Witness the seamless integration of the new design, maintaining a consistent color theme and employing high-fidelity prototypes.


Design Case Study

Agent Bene- Game


This video shows the game's initial stage of development, focusing on its foundational design phase. Agent Bene represents the initial stage of development, currently in progress. This provides a broad overview of the envisioned game concept.


Play The Game

Turbo Doc


Turbo Doc App Prototype is a user-centric, interactive Figma prototype designed in such a way that patients access healthcare services and consult with medical professionals. This innovative application aims to bridge the gap between patients and healthcare providers, offering a seamless, user-friendly, and secure platform for virtual consultations and health management.


Design Case Study
Card image cap

Exploring the Impact of CSS and Sass


Practiced designing and developing a website, "Modern Apartments," to explore the impact of CSS and Sass on its appearance and overall feel, comparing the version with and without styling.


GitHub Case Study