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

Sr. Product Designer, Sr. User Interface Designer.

INFORMATION ARCHITECTURE

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

INFORMATION ARCHITECTURE

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

INSIGHTS

Leveraging Data orchestration for a highly customizable experience

The core challenge of the Ingram Micro Customer Experience Platform (CEP) centered on data orchestration—specifically, how to synthesize vast amounts of wholesale transaction data into a cohesive, manageable user experience.

For a Fortune-60 technology purveyor, user needs vary drastically between procurement, sales tracking, and subscription renewals. The breakthrough insight was moving away from a rigid, one-size-fits-all dashboard and instead developing a highly customizable, 4-column grid system with modular widgets.

• Utilizing widgets ranging between 1- 4 columns, the design empowers B2B clients to curate their own homepage layout. This layout prioritizes their most critical workflows—such as tracking order progress or managing renewals—while seamlessly integrating an AI-powered chatbot to assist with real-time research and consultation.

• Beyond customizability, the project required a bulletproof underlying structure to maintain consistency across diverse user viewports. To achieve this, the design leveraged a rigorous Visual Design System paired with meticulous information architecture mapping. • Standardizing core elements like header and footer specifications ensured that no matter how a client mixed and matched their layout widgets, the visual hierarchy remained intact.

• Furthermore, the inclusion of a “triage page” solved a common B2B pain point by routing new or lost users to their intended destination in just a single click.

This balanced approach successfully married functional flexibility with strict visual alignment, turning a complex web of transactional data into an intuitive, personalized e-commerce powerhouse.

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.

INSIGHTS

Designing for Global Scale through Local Customization

The fundamental challenge of the Nissan Unified Brand and Sales Portal was overcoming a fractured digital presence across various country-specific websites while maintaining a premium, cohesive global identity.

The core insight realized during this project was that a global brand cannot rely on a rigid, unchanging layout; instead, it requires structural elasticity. By engineering a highly scalable Visual Design System built on a robust CSS and CMS architecture, the responsive portal successfully anchors Nissan’s worldwide brand equity. At the same time, it grants individual regions the operational flexibility to seamlessly swap out localized imagery, vehicle lineups, and regional marketing campaigns without breaking the core design code.

Component-Driven Architecture for Seamless User Journeys

To bridge the gap between global standards and local market needs, the design utilizes a standardized, interchangeable component system. Breaking the interface down into modular sections—such as the Models and Specifications matrix, the interactive Design Section, and the Accessories Gallery—allowed for a plug-and-play approach to region-specific content. Whether a user is exploring the unique exterior accessory packages for the Nissan Juke or analyzing local financing options, the underlying user experience remains intuitive and familiar. This component-driven strategy turned a massive localization hurdle into a streamlined digital storefront, proving that strict visual alignment and regional personalization can coexist beautifully.