DatPiff

Originally launched in 2005, DatPiff is one of the internet longest-running music brands and one of the premier launchpads for upcoming hip hop artists.

15,000,000+ Registered Users
20,000,000+ Tracks

The goal for this project was:

  • To develop a new visual language for DatPiff brand (Colors, Typography and Iconography) that feels modern yet has the mixtapes aesthetic
  • To create a new design system that can be reusable throughout the app and serve as a foundation for future features
  • To optimize the user flows with aims to improve the overall usability
  • To reduce friction between users and their goals through removing frustrations and making the obvious prominent

Download from App Store

Originally launched in 2005, DatPiff is one of the internet longest-running music brands and one of the premier launchpads for upcoming hip hop artists.

15,000,000+ Registered Users
20,000,000+ Tracks

The goal for this project was:

  • To develop a new visual language for DatPiff brand (Colors, Typography and Iconography) that feels modern yet has the mixtapes aesthetic
  • To create a new design system that can be reusable throughout the app and serve as a foundation for future features
  • To optimize the user flows with aims to improve the overall usability
  • To reduce friction between users and their goals through removing frustrations and making the obvious prominent

Download from App Store

Client: DatPiff

Agency: Media-Lab.ai

Role: Lead Product Designer 

Services: Information Architect, UX/UI Design



Client: DatPiff

Agency: Media-Lab.ai

Role: Lead Product Designer 

Services: Information Architect, UX/UI Design

Examine the product from a holistic perspective

The research and discovery phase is the most important part of my design process. A comprehensive investigation allows me to understand the market, business goals, and problems to be solved for users and the business. I started this project by conducting an audit of existing app features to identify user pain points and discover opportunities to improve the user experience. I also looked at other music apps in the market to understand how they design for their audiences - potentially solving similar user needs. 

Examine the product from a holistic perspective

The research and discovery phase is the most important part of my design process. A comprehensive investigation allows me to understand the market, business goals, and problems to be solved for users and the business. I started this project by conducting an audit of existing app features to identify user pain points and discover opportunities to improve the user experience. I also looked at other music apps in the market to understand how they design for their audiences - potentially solving similar user needs. 

DatPiff_Board_Sitemap

Explore mixtapes and discover new artists through curated playlists

We created a modular design/content system enabling DatPiff admin to swap out content blocks for different music categories that are relevant and updated throughout the year.

Explore mixtapes and discover new artists through curated playlists

We created a modular design/content system enabling DatPiff admin to swap out content blocks for different music categories that are relevant and updated throughout the year.

DatPiff_Board_01

Make accessibility to playlists and a more streamlined, easy-to-use interface

All actions, including ‘play,’ 'repeat', 'shuffle' and ‘download’ are accessible in the main player. 

Make accessibility to playlists and a more streamlined, easy-to-use interface

All actions, including ‘play,’ 'repeat', 'shuffle', and ‘download’ are accessible in the main player. 

DatPiff_Board_3C

Search, stream and save to a personal Library

Search, stream, and save to a personal Library

DatPiff_Board_04
DatPiff_Board_2

Selected Works

GlamsquadBeauty services - iOS App

ChargeFuzePortable Mobile Charger - iOS App

Google Smart Display GameVoice-controlled Game

DatPiffMusic - iOS App

Mastercard PricelessTravel - iOS & Android App

MeUndies - Perfect PairRetail - E - Commerce

House Of SpoilsArt Photography - E-commerce

MeUndies - Build-a-PackRetail - E-Commerce

Our PlaceE-Commerce

The Black TuxFormalware Rental - E-commerce

The Black Tux - Look BuilderFormalware Rental - E-commerce

FealsMembership Program

Mastercard OikosFinance - iOS App

Marc JacobsFashion - E-commerce

David YurmanWeb Design