Skip to main content
UI-UX

Myuzic Music Player App

Myuzic Music Player App

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A music player that matches the energy of the music itself — dark, vibrant, and personal, with every screen designed to keep you in the zone."}]},{"type":"image","attrs":{"src":"https://mir-s3-cdn-cf.behance.net/project_modules/fs/bd178d142316617.6264a64556a52.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI/UX Design — Myuzic Music Player"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Music Player · Entertainment"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Myuzic opens with a warm welcome — \"Good Evening Nick, Let's Charge Your Energy!\" — immediately setting a personal, mood-driven tone. The home screen organizes content across three tabs (Podcast, Music, Sounds) with a Playlist card grid showcasing artist cover art alongside song count and runtime (Chicken Tenders — 25 songs, 75 min; Crazy Pilots — 18 songs, 54 min). A Recently Played list below surfaces quick-access tracks from Rex Orange County and Dominic Fike — keeping familiar favorites within one tap. The deep burgundy-to-black gradient creates a premium, club-like atmosphere that keeps the focus on the music."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The Now Playing screen shifts to a clean light mode — a full artist photo card for Twenty One Pilots, playing \"Dokter Suster\" with a pink waveform progress bar showing 1:03 of 2:52. Playback controls (shuffle, previous, play, next, repeat) are centered and generously spaced, with a pink play button as the clear focal point. A \"Swipe up for Lyrics\" gesture hint at the bottom adds depth to the listening experience without cluttering the screen."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The contrast between the dark home and light player screens creates a satisfying visual shift — from browsing mode to full immersion."}]}]}

Tech Stack

Figma

Tags

UI-UXmobileappmusicplayer

Completed

April 2022

Project Scale

short Project