Company: Warner Music Group
Year: 2023
Duration: 7 months
Role: Lead Product Designer
Team: Associate Product Designer, Design System Lead, Product Owner, Engineering Manager, Front End Mobile Engineer
Warner Music Group is a global music entertainment company across recorded music, music publishing, and artist services. They have internal tools to aid in the day-to-day operations of internal and external users. AMP is the Artist Management Platform that consumes data across multiple data points such as steaming services and social media to be aggregated in a way to help industry professionals gain insights and make data-driven decisions.
Warner Music recently invested in an initiative to create a central design system and component library to bring harmony & consistency to the user experience, while speeding up the development process. The WMG mobile analytics app AMP was a Flutter app with its own UI for mobile, and a limited desktop version as well. I was tasked with refactoring AMP to consume the WMG design system Legato, which at the time only had a small number of component variants and was limited to desktop. This project is a collaboration between the AMP and the Design Systems teams.
A revamp of APM’s visual system and usability patterns to align with other Warner Music applications, creating harmony and consistency throughout the ecosystem.
A consistent, intuitive, and predictable UX
A cleaner, more legible UI
Centralized color and text tokens
Advanced Desktop and Mobile components and patterns
Documentation to drive efficiency and cost savings in the future
Based on the expansion of the design system, we were able to create consistency across Warner Music Tech in both desktop and mobile applications. We achieved this in a way that would support scalability in the future without duplicate efforts. We improved efficiency in design and development time in order to go to market faster in its competitive environment.