Walmart

Walmart Enterprise Design System

Uploader - Default

Uploader - With Message

Uploader component

Objectives:

Provide an input component that enables users to submit files from their mobile, tablet, and desktop computers. Visual representations of the following states are required: default, in progress, error, and success.

Responsibilities:

Co-Lead designer
Incorporate Brand Styleguide
Adhere to usability and accessibility standards

Implementation Examples

Uploader - In Progress

Uploader - Error

Uploader - Success

Figma Options Control

Walmart Enterprise Design System

Pagination component

Objectives:

Create a component that enables the data to be displayed on a sequence of pages and also supports various devices.

Responsibilities:

Co-Lead designer
Incorporate Brand Styleguide
Adhere to usability and accessibility standards

Implementation Examples

Pagination Variants

Pagination Scenarios

Side Navigation - Examples

Side Navigation - Implementation

Walmart Enterprise Design System

Side navigation component

Objectives:

Create a side navigation that lets users navigate the entire content of a page or a section. These can be used for single-level or multi-level navigation. Capability must be shown in both expanding and contracting actions. Parent and child components are also required. Moreover, the leading icon has an on/off switch.

Responsibilities:

Co-Lead designer
Incorporate Brand Styleguide
Adhere to usability and accessibility standards