Mark Pipher
Mark Pipher • Interactive Design
StVincent_Backstage.jpg

Red Bull Music Backstage Web App

THE CHALLENGE

The global distributed team executing live concerts & festivals, marketing activations & album releases for the music initiatives at Red Bull needed a robust, integrated system & toolkit to make their jobs easier & more efficient, while also having greater insight into the performance of their initiatives.


KEY INSIGHTS

Our qualitative research uncovered a number of issues & frustrations with the existing suite of tools the teams felt “forced” to use. These tools were originally implemented by other teams for action sports events & athletes, and did not suit the specific wants & needs of the music teams and their concerts & artists. Users were required to jump across various disparate systems that were frustrating to use, buggy, and created enormous inefficiencies. What should take an hour or so would take a full day or more. And frankly, they were also kinda ugly and clunky, so I strived to deliver enterprise tools that rivaled the beautiful design & UX of the consumer apps we use every day - why should enterprise users suffer with something inferior?


OUR SOLUTION

Based on learnings from user research, interviews, surveys and testing, I conceived of and designed a suite of unified, integrated tools & apps that allow the team to easily & efficiently set up events, publish ticketing pages, view & interact with event stats & artist data, and gave visibility into our progress towards KPIs & business objectives. This is supported by a component-based, unified UX & UI system I designed that looks consistent, beautiful & feels intuitive to use across all apps within Backstage. This not only resulted in far greater efficiency and satisfaction for our users (up to 75% less time spent performing routine tasks), but also allowed the design & engineering team to release new tools & products faster.

What I Did

What I Did

defined the vision + product architecture / conducted user research + testing / created user flows + wireframes / designed the UI, page templates + interactions / created a unified UI system / designed custom icon set + data visualizations

KPI_Dashboard_Landing.png
KPI_Dashboard_Expanded.png
KPI_Dashboard_Market.png
Dashboard_Detail_Large.png
Multi-Artist-Results---Default.png
Single-Artist-Result---Default.png
Growth_Calculator_Detail.png
Backstage-Create-New-Event-Series.jpg
Events---Create-New-Event-Setup-2.png
Events---Create-New-Event-Artwork-4.png
Events---Create-New-Event-Artists-6.png
UI_Detail.png
Backstage-Archived-Event-Details-Expanded.png
Artists-Index---CR-ADMIN-Expanded-2.png
Icons_Detail.png
Backstage_001_Notifications.png
Wireframe_KPI_Dashboard.png
Backstage_SiteMap_Program_2016_04_26.png
Wireframe_Event_CMS.png
Wireframe_Artist_Index.png
Backstage_SiteMap_EventsCMS_2017_10_03.png
Wireframe_Events_2.png
Wireframe_Events_3.png