Procter & Gamble is a Multi-national Consumer Goods Co..
Hybrid UX/UI
Design & Code
Santa Monica,
California
Design & Development
Procter & Gamble
A company like P&G owns many brands, and needs ways to visualize the data of each brand's worldwide competition and sales. I led the design on the interfaces for an internal, multi-country data visualizer.
User problem: Users were having to check the data from each individual brand to gauge its health. There was no way to view one brand in relation to another.
A company like P&G owns many brands, and needs ways to visualize the data of each brand's worldwide competition and sales. I led the design on the interfaces for an internal, multi-country data visualizer.
Quantify the Health of Multiple Brands on a Global Scale
UX & Visual Design for a Multi-national Consumer Goods Co.
A company like P&G owns many brands, and needs ways to visualize the data of each brand's worldwide competition and sales. I led the design on the interfaces for an internal, multi-country data visualizer.
What solutions did I consider?
Preliminary Sketches
Try swiping left and right on the images to navigate.
Tap to Hide
Swipe Left
or use the arrows
Blank State View
Snapshot: Trends over Time
Dashboard: World View
Dashboard: World View (revised)
Bubble Graphs
Core Health Attributes
Early Exploration
What began with 3 sets of dropdowns evolved into a written summary approach in order to make what's currently being displayed easier to digest at a glance.
Try swiping left and right on the images to navigate.
Tap to Hide
Swipe Left
or use the arrows
Dropdown Version
Dropdown Version
(after interaction)
Written Summary Version
Written Summary Version
(after interaction)
The Dashboard
The best qualities of each of the above approaches then evolved into a parallel filtered solution, shown here.
Try swiping left and right on the images to navigate.
Tap to Hide
Swipe Left
or use the arrows
Blank State View
The sidebar has been collapsed.
Blank State View
The sidebar has been expanded.
Selecting a Region
Back to Blank State
Regions have been selected.
Editing Time Frame
It is assumed that the user selects Pampers between this step and the next one.
The Dashboard
This screen is showing the Global results of Pampers over the last 30 days in the US, Uk & Russia.
Dashboard
The sidebar has been collapsed.
Editing a Component
Back to Dashboard
Dashboard
The sidebar has been expanded.
Updates to a Legacy System
The above served as a future roadmap for the product, and work done to enhance the existing product is detailed, here.
Try swiping left and right on the images to navigate.
