The purpose of this internal app for one of the biggest media company in US is to keep a pulse onperformance and locate problematic areas in advertising campaigns sales.
One of the main challenges was to create an interaction model that would be very scalable and work with different starting data points without changing the design. The users, managers and sales associates, should be able to easily navigate through campaigns, regions and channels to understand what's performing well and what's not. As always, we approached a challenge from a high level, exploring options and looking at things from different angles before moving into the specifics of user interface.
Once the main interaction model was nailed down we started to address small nuances to fine tune the experience. We outlined a number of alternative flows and then created a series of click-through prototypes to see which ones made most sense and were easiest to navigate.
Finding the best ways to switch between Matrix and List views
After creating all of the wireframes and testing the interactions via click-through prototypes, it was time for visual design magic to support both retina and non-retina displays. Hitting on a design theme took several rounds of iteration. In the end, a muted dark grey palette won the day, with bold accent colors to highlight the different types of data.