( ⓑ-⟡-🪩 )
Introduction
Many consumers believe that Beats’ product is good for the style and the vibe, but the sounding quality and the technology is behind. Beats wanted a digital tool designed to educate and train a global audience on Beats’ most cutting-edge product without holding a physical product.
Did
Art Direction
UI Design
UX Design
Storytelling
Prototyping
Used
Sketch
Principle
After Effects
Protopie
With
Exceutive Creative Director
Matt St Gelais
Creative Director
Jennifer Xin
Daniel Munzing
3D Motion Designer
Benjy Deng
Daniel Marin
Editor
Giancarlo Bauzulli
Taj François
At
Senior Designer
MediaMonks
Aesthetic Strategy
First, drawing on Beats' identity as a hip-hop lifestyle brand, high-contrast typography in UI design was used to bring it to life.
Module Concepting
Then, I experimented across different templates, continuously refining the design to better align with the brand's tone and content needs.
Finalizing design system
Finally, with guidance from the creative director and user feedback, we refined the concept to better meet practical UX needs while preserving the brand's personality, and created comprehensive UI documentation.
Physical Simulation Modules
Working with copywriters, through highly interactive modules, user can learn about product features. The UX challenge was simulating the tactile feel of the real product through the digital experience.
New Aesthetics
Additionally, we continually explored various UI design art directions to align with Beats' new brand positioning.
