Walmart · Design Systems · Analytics · React

DV Design System

From audit to architecture — building the unified design system and flagship Table and Chart components that shipped across every Luminate product at Walmart Data Ventures.

My RoleDesign Lead · System Architect
ScopeSystem + Components + React
Timeline11 months
OutcomeRecord release · Zero design debt
🔒
NDA applies to this project. Select materials shown here are approved for public display. Detailed component documentation, token architecture, and governance models are available in a private walkthrough.

No shared language. No shared system.

Walmart Data Ventures ran multiple enterprise products — analytics platforms, merchant tools, internal dashboards — built by separate teams with no shared design foundation. Nobody had declared it a problem yet. I did.

An audit I ran across the full Luminate product suite mapped the gaps: duplicated patterns, inconsistent interactions, components that looked similar but behaved differently depending on which team had built them. Design debt was accumulating faster than any single team could address. I used that audit to make the case for a unified system — and then built it.

Architecture before aesthetics.

01

Audit and pattern extraction

Catalogued existing components across all products — identifying what was being rebuilt repeatedly, what was inconsistent, and what was genuinely novel. The system was designed around real usage patterns, not hypothetical ones.

02

Schema-agnostic component architecture

Components were built to accept any data shape without requiring internal changes. Product teams could configure behavior, density, and visualization type through a clean props layer — not by forking the component.

03

AI-assisted color palette generation

Introduced generative AI tooling to produce accessible, on-brand color palettes for data visualization — a process that previously required weeks of manual iteration between design and accessibility review.

04

Governance model for adoption

Defined contribution guidelines, review cadence, and documentation standards so the system could evolve without central bottlenecks. Teams could propose, build, and ship new components within a clear framework.

Components built for enterprise density.

DV Components — Walmart Data Ventures, designed by Vishal and team

DV Components — Walmart Data Ventures

Audit across Luminate product suite showing experience gaps and inconsistencies across six products

The audit that started it all — inconsistencies mapped across six Luminate products, which became the case for a unified system

Living Design ecosystem showing DV extension relationship to LD Core Components

System architecture — DV as an extension of Walmart's Living Design foundation

Four chart types: area chart, bar chart, donut chart, and multi-line chart

Chart suite — area, bar, donut, and multi-line components in product context

Color token scale and component examples including navigation, modal, file upload

Token architecture — color scale, component variants, and usage guidelines

DV Data Table component spec showing 10-row template with column variants, checkboxes, filters and search

The Data Table — schema-agnostic, fully configurable, adopted as the standard across all Luminate products

Line Chart component — variants, hover interactivity, mono/color themes, and responsive behaviour documented for engineering handoff

Two decisions that shaped the system.

01

DV extension over a standalone system

The tempting path was to build a fully independent DV design system from scratch — one we owned entirely, with no dependency on the broader Walmart Living Design foundation. Faster to ship the first version, easier to control.

We chose to build as an extension of LD Core instead. The tradeoff was a more complex architecture and a dependency on another team's roadmap. The return: every future improvement to Living Design automatically benefits DV products, and DV designers stay fluent with the same foundations used across Walmart. A standalone system would have become an island.

02

Configurable components over product-specific forks

Early in the process, individual product teams had already started building their own versions of common patterns — tables, filters, chart headers. The path of least resistance was to bless those forks and call it a system.

Instead we consolidated them into configurable components with a clean props layer. Product teams could get the exact behavior they needed through configuration, not by copying and modifying. The short-term cost was saying no to some team requests. The long-term gain: zero design debt for every new product that launched on the system — a claim that held through the full 11 months.

Measurable outcomes across the organization.

30%
Boost in designer productivity across product teams
Zero
Design debt for every new product launched on the system
Record
Fastest Table + Chart component release in platform history

Heard across the org.

"Implementing this design system has been a game-changer. It has unified our product interfaces, ensuring a cohesive and consistent user experience across all our applications."
Design Director, Data Ventures
"The reusable components have not only enhanced our development speed but also improved the overall quality and reliability of our applications."
Engineering Lead, Core Services

The full story is better told in person.

Component architecture decisions, governance model, token structure, and adoption strategy are available in a private walkthrough.

Request a Walkthrough →