An online audio distribution platform that specializes in hip-hop, rap, and urban music. A key feature of DatPiff is that unregistered users are allowed to download any mixtape uploaded to the site that has been Sponsored.

Design Process

Analysis

Define

Design

The presence of music in life is becoming more and more widespread, and this is also true for me personally. I love to listen to music while creating, designing and driving.

Nowadays, there are so many music platforms out there, but I found that the most popular ones are Spotify, Apple Music and Youtube Music, which made me wonder why other music platforms are not competitive to these. So I did some research on this, and after checking many music platforms, I found that excluding the problem of resources, the biggest problem is the interface design and the way they are marketed. After culling I decided to redesign the webpage for DatPiff, who focuses on mixtapes, a form of distribution that was developed in the early days of hip-hop and a sentimental and retro representation.

Why The Project

  • The background is too random and does not match the style

  • The landing page information is incomplete and does not highlight the theme

  • No style in the interface design, no hip hop or mix tape elements to be seen

  • The use of colors is too monotonous

  • Commercial promotion is not comprehensive enough

Key Problems

  • Use of hip-hop and retro colors to emphasize the style

  • Promote services and mobile applications of DatPiff

  • Tweak the interface design and modernize it

  • Interspersed advertising and promotional media to increase attention to people

Solutions

  • Analysis

  • Define

  • Design

My Role

Duration

  • 2 weeks

Design Artifacts

  • Change the overall layout of the site

  • Use colors that fit the theme: hip-hop and retro

  • Reach UI design principle and a better interface

  • Show important information instead of hiding them

  • Use landing pages to catch the user's eye: market the site's services and expand commerce

My goals for the project

Want to learn more about my end-to-end design process?

Check out the full case study for DatPiff Website Redesign here