Mars eCommerce Scorecard

Contract to create a new, contemporary, and high-level interface for Mars executive management.


The enterprise includes Amazon, Chewy, Mars Wrigley, and the top four Omni retailers (Target/ Petsmart/Kroger/Petco). Four pillars span across the entire enterprise: Develop, Supply, Market, and Sell. These pillars will include a perspective on portfolio innovation, supply chain, content service, media, traffic, eventing, and retailer strategic partnerships.

This scorecard will be reviewed at least once a period by senior stakeholders but could also be refreshed daily/weekly based on the availability of data. 

Problem Statement

The total business is evaluated based on business function, brand, or retailers. This report needs to give a consistent level of metrics viewed across executive summary scorecards that are evolving over time.

Project Goals

Comparing trends across retailers will better help diagnose when Mars has an internal opportunity vs a specific retailer issue that needs to be solved. 

We also need to ensure that the new layout, design, and colors do not hinder the performance of decision-making or KPI analysis. 

Roles & Responsibilities

A UX Design Intern in a supporting role to the UX lead. Helped with user personas, interface design, and spec documentation.

UX Design Process

Each pillar had its own set of specifications and obstacles that needed to be overcome; however, my project lead and I had frequent meetings with each other and employees from each respective department of the enterprise. Eventually, all necessary and supplementary elements were built out and added to the page layouts. Finally, we marked all the specifications of each element in order to be sent over to the software/engineering team.

User Research

User personas were made to dictate what features and KPI were most important for each pillar. We had a kick-off meeting with employees from each department, and our contact with them was ongoing throughout development of the new interface to ensure accuracy. 

Spec Documentation

This style of spec documentation is extremely helpful for the engineering team because it shows them the exact specifications of all design components. 

The images show the specifications for a scorecard. Each element of the screen is broken up like this and sent to engineers for the application build.


The layout had roadblocks along the road to completion, but closely working with the targeted users was invaluable to the design process. The specification document we handed off to the engineering team allowed them to recreate our designs with few questions along the way. 

All-in-all the kickoff was a success. We created a framework of design that can be implemented in future scorecard and KPI analysis applications. 

View Next Project

Caterpillar Design Challenge

Daycheck Habit Tracker

Hooked on Fishing Website

View Next