Silvia Grossmann
© Silvia Grossmann

Case Study: E-Commerce

INGRAM MICRO

Wholesale technology purveyor

Challenge: How to show B2B customers all their interactions and transactions on a single dashboard.

PROBLEM

Ingram Micro, a Fortune-60 company that wholesales digital equipment, wanted 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 floor plans for research, sales, renewals and subscriptions, and a comprehensive Visual Design System capable of consistency in every viewport.

ROLE

Lead Branding Designer, Sr. User Experience Designer, Sr. User Interface Designer.

DASHBOARD 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.

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.


Ingram’s triage page, to direct a new user to where they need to go in 1 click.

Order Progress

VISUAL DESIGN SYSTEM

Widget examples in Ingram’s Visual Design System.

Header Specifications.

Footer Specifications.

Example of Widget elements on Dashboard Floorplan.

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


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


INFORMATION ARCHITECTURE

A few examples of the information architecture mapping for some of Ingram’s services and processes.

NISSAN UNIFIED BRAND AND SALES PORTAL

Challenge: How to maintain a cohesive, worldwide brand identity across regional digital storefronts while allowing for local product customization.

Nissan unified, responsive Brand and Sales Portal

PROBLEM

Nissan needed a way to unify its global digital presence, which was fractured across various country-specific websites. The core issue was balancing a strict, high-quality brand identity with the flexibility required by individual regions to showcase localized vehicle lineups, pricing, and marketing campaigns.

SOLUTION

A highly scalable Visual Design System featuring a standardized component system for interchangeable, country-specific elements. Built using a robust CSS and CMS architecture, the responsive portal ensures a unified, responsive look and feel globally while seamlessly accommodating localized text, imagery, and product variations.

MY ROLE

User Interface Designer, Interaction Designer, Visual Designer.

VEHICLE MODEL HOMEPAGE – JUKE

Nissan Brand Portal

VEHICLE MODEL OVERVIEW PAGE

Nissan Juke Page

SECTIONS & COMPONENT ELEMENTS

Nissan standardized component system for interchangeable, country-specific elements

COMPONENT SECTIONS

Models and Specifications section

Design Section

Accessories Gallery

Models and financing packages

Model Specs

Accessory packages for Juke’s exterior