Case Study: E-Commerce

Challenge: How to show B2B customers all their interactions and transactions with Ingram, a technology purveyor, in one screen.

BRIEF | Ingram Micro, a Fortune 60 company that wholesales digital equipment, wanted a a way for customers to see all their business transactions with the company at once. The challenge was to create an interface that could effectively display the wide range of products and options available, while also providing a personalized experience for clients, all within a single pane of glass.


SOLUTION | An e-commerce interface capable of containing multiple floorplans for research, sales, renewals and subscriptions, and a comprehensive Visual Design System capable of consistency in every viewport.


MY CONTRIBUTION | Branding, User Experience Design, User Interface Design.

Working with user research and product management, we developed a 4-column grid system and a series of widgets to display the products and services Ingram offers.

Ingram's Customer Experience Platform (CEP) dashboard for its sales channel. The system provides personalized widgets to access and monitor customer transactions within a single screen. The customer selects which widgets they want displayed, from a wide range of options.

Ingram's Widget Specifications. Widgets spanned from 1-3 columns.

Widget examples in Ingram’s Visual Design System.

Homepage Dashboard – Highly personalized, the dashboard displays a user's recent and most important transactions – as chosen by the user – as well as a column offering products of interest based on user's preferences and history. In addition, an AI-powered Chatbot is available for research and consultation.

New Customer Onboarding – a simple step-by-step process to create a profile and enable the system to provide customized services, products and offers.

Ingram's Order Page – providing all the relevant information to an order and ability to change any detail in a single page.

Ingram’s Visual Design System – Header specifications for Desktop and Tablet viewports.

Ingram's Visual Design System – Footer specifications for Desktop viewport.