UI Design

Client

Walmart & OTT Financial Group

Walmart & OTT Financial Group

Walmart & OTT Financial Group

Year

2022

Services

UI Design

Web Design

Project Overview

Two UI initiatives: a Walmart Gift Card mobile flow that enables a fast, three-step purchase (theme → amount/quantity → checkout), and the OTT Pay API Hub—a responsive web portal guiding merchant teams through registration, sandbox access, integration, and testing with direct CTAs and clear documentation paths.

Mobile Walmart Gift Card: a Walmart-Blue, card-based home with amount chips and a sticky Checkout enables a fast three-step purchase—pick a theme, choose amount/quantity, and place the order.

Project Strategy.

For Walmart, I used Walmart Blue, a card-grid home, selectable amount chips, and a sticky Checkout to minimize friction and standardize interactions via a compact component library. For OTT Pay, I applied an enterprise neutral palette with OTT-red accents, a Who / What / Getting Started IA, and a step-by-step flow that pairs Technical Development with Operational Support, optimizing scanability and developer confidence.

The OTT Pay API home is a developer portal for merchant tech teams, structured around Who / What / Getting Started to summarize payment solutions and guide registration, sandbox access, integration, and testing with direct links to docs and support.

OTT Pay API inner page — a developer manual with a left-rail endpoint navigation and detailed request params, JSON examples, encryption notes, and response schema for quick integration.