About Problem Framework Goals Research Principles Iterations Validation Decisions Final Design My Role Impact Reflections
All Projects
W
Walmart

Walmart Wireless

Buying a phone on Walmart.com meant clicking "Continue" and landing on a completely different website. The Walmart header disappeared, the styling changed, and the checkout flow stretched to 8+ minutes across three separate page redirects. 65% of customers dropped off at the handover. T-Mobile wasn’t available online at all, forcing customers into stores for a 30-minute activation process.

I redesigned the end-to-end wireless shopping experience around a drawer pattern that keeps customers on the product page from start to finish. Carrier selection, plan comparison, activation, and checkout all happen in one contained flow.

Role
Senior Product Designer, end-to-end from research through shipped product
Scope
E-commerce redesign, competitive analysis, multi-carrier integration, drawer UX
Outcome
$5.4M annual GMV lift, 86% customer satisfaction, 3.2x faster checkout
Product Design E-Commerce Checkout Optimization A/B Testing Multi-Carrier
Walmart Wireless

The Problem

T-Mobile only available in-store. No online option like Verizon and AT&T. 30+ minute activation process, massive missed opportunity.

The Opportunity

Bring all carriers online with a redesigned shopping experience with a modern, confidence-building, and applied across all carriers.

Customer Interviews
"I wanted T-Mobile but had to drive to the store. I could buy Verizon online but not T-Mobile; that makes no sense."
Carrier parity online is a baseline expectation. Missing it creates customer frustration and drives them to competitor retailers.
Competitive Benchmarking
"Apple and Best Buy let you configure phone + carrier + plan in one seamless flow without ever leaving the product page."
The industry standard is integrated, in-context shopping. Walmart's redirect-based flow puts us at a clear competitive disadvantage.
Business Intelligence
"Verizon and AT&T online sales show strong demand. T-Mobile represents an untapped $2M+ annual GMV opportunity online."
Bringing T-Mobile online isn't just a UX improvement—it's a direct revenue opportunity with proven demand from other carriers.
Store Operations Data
"Associates spend 15-20 minutes per T-Mobile customer in-store. Online would eliminate that labor cost entirely."
Ship-to-home fulfillment reduces in-store labor burden while increasing customer satisfaction through convenience.

Online Walmart Cell Phone Purchasing

After selecting a phone, customers get redirected to what feels like a different website, Walmart styling disappears, navigation is gone, and trust erodes.

Click "Continue" and you're on a different website. Walmart header gone, styling shifted, 8+ minute carrier flow. This is where we lose 65% of customers.

🔒 walmart.com/ip/iPhone-15-Pro/283947 carrier-activate.com/wireless/setup?ref=wmt
🛒
Continue
Redirecting to carrier...
Context lost. No Walmart branding

The old flow redirected customers away from Walmart to a separate carrier portal

Where the experience breaks

1
Walmart PDP
Customer browses phone, clicks "Continue"
2
Carrier Redirect
Header disappears, styling changes, trust breaks
3
Activation Flow
8+ min multi-page form, no Walmart branding
4
Confirmation
Only 35% of customers make it here
Context Loss

Redirects to external URL, so customers lose the Walmart header, navigation, and the visual trust signals they rely on for a $1,000+ purchase.

No Integration

Walmart shipping, returns, and Walmart+ benefits are completely disconnected from the carrier flow. Customers can't use what they already trust.

Visual Disconnect

Styling shifts abruptly from Walmart's design system to the carrier's own UI. The inconsistency signals "this isn't really Walmart" at the worst possible moment.

Friction Overload

8+ minute checkout with 3 unnecessary page redirects. Each redirect is an exit point—and with carrier activation complexity, customers give up.

Quantifying the Problem

We mapped friction points quantitatively to understand the business cost.

8 min
Average checkout time from PDP to order vs. 2 minutes for a standard Walmart.com purchase
65%
Customer drop-off rate when redirected from Walmart to the carrier-specific activation flow
3 steps
Unnecessary page redirects between Walmart, carrier portal, and fulfillment—each a potential exit point
$1.2M
Estimated annual GMV lost to checkout friction—customers who add phones to cart but never complete

Goals

  1. Successfully integrate T-Mobile to Walmart.com to provide post-paid ship-to-home fulfillment option.
  2. Create a vision for what a new online shopping experience can be for all carriers within the Walmart platform.
📡
T-Mobile Integration
Enable post-paid ship-to-home fulfillment for T-Mobile. Support carrier activation, number porting, and service setup entirely online. No store visit required.
Experience Vision
Design an integrated shopping flow that keeps customers within the Walmart context. Reduce decision time from 8 minutes to under 3, with clear carrier and plan comparison.
📈
Scale & Extensibility
Build a platform that supports all current carriers and anticipates future ones. The architecture should handle new phone launches, seasonal promos, and accessory cross-selling.

Competitive Analysis

Apple, Samsung, Best Buy, all used the same redirect pattern. So I looked at customization-heavy purchase experiences instead.

Apple competitive analysis screenshot
Apple
Samsung competitive analysis screenshot
Samsung
Best Buy competitive analysis screenshot
Best Buy
Carrier site competitive analysis screenshot
Carrier Site
Keep Context
The strongest experiences never took users away from the core product page—shopping context is trust, so breaking it costs conversions.
Reduce Steps
Best-in-class flows had 3-5 decision points maximum. Our current flow has 8+, with each redirect being a potential exit.
Show Compatibility
Customers need to quickly see which phones work with which carriers and plans. Transparent pricing and comparison reduces decision anxiety.

Guiding our design direction

🔗
Integrated
Stay native to Walmart. No external redirects, no styling changes, no broken navigation. The entire purchase happens within the experience customers already trust.
🧭
Guided
Help customers confidently choose the right phone and carrier combination. Surface the most relevant information at each step to reduce decision fatigue.
📱
Mobile-First
64% of wireless product searches happen on mobile devices. The experience must be optimized for phone shopping on phones—the drawer pattern is native to this.
📈
Extensible
Design for 10+ carriers, not just T-Mobile. The architecture supports new carriers, devices, and promotional offers without requiring a redesign.

Exploring three directions

Three iterations: two traditional refreshes, one radical departure. Leadership chose the third: a drawer pattern that was a major shift from the industry standard.

Traditional Refresh

Explored
Iteration 1 design: traditional refresh approach

Updated styling and component organization within the existing redirect pattern. Modernized the carrier flow UI but kept the multi-page structure.

Why not selected
Didn't solve the core problem—still required users to leave Walmart and enter a separate flow. Lipstick on a pig.

Hybrid Approach

Explored
Iteration 2 design: hybrid approach combining in-context and redirect elements

Partial integration where some steps happened in-context on Walmart and others redirected to the carrier. Mixed Walmart and carrier UI elements.

Why not selected
Created an inconsistent experience that confused users. The transitions between Walmart and carrier interfaces felt jarring—worst of both worlds.

Drawer Pattern

Shipped
Iteration 3 design: final drawer pattern showing in-context shopping experience

Full drawer-based shopping experience that slides up from the PDP. Customers configure phone, carrier, and plan without ever leaving the product page.

Why selected
Solved all identified pain points. Mobile-native pattern that's familiar and intuitive. Fully extensible for future carriers and features.

How we tested and iterated

Three rounds of progressively higher-fidelity testing before committing to engineering.

Round 1
Concept validation

Tested lo-fi wireframes of all 3 iterations with 8 participants. The drawer pattern (Iteration 3) was preferred by 6 "of 8: participants cited "feeling like I never left the page" and "I can still see the phone I'm buying" as key reasons.

Round 2
Usability testing

Ran moderated sessions with 12 participants using the hi-fi Figma prototype on both desktop and mobile devices. Task completion rate was 92%, with a median checkout time of 2.3 minutes. The primary failure point was carrier plan comparison, which led us to redesign the comparison view.

Round 3
Beta launch measurement

Soft-launched with T-Mobile as the initial carrier across a subset of users. Measured 3.2x faster checkout (8 min → 2.5 min), 86% customer satisfaction, and the 65% redirect drop-off was fully eliminated. These results greenlit the full 4-carrier rollout.

Key iteration from testing: Round 2 revealed that participants struggled to compare plans when carriers were shown sequentially. This directly led to Design Decision #2: the side-by-side carrier comparison view. Without usability testing, we would have shipped the original tabbed interface.

Key decisions that shaped the experience

01 / 03

Drawer Pattern for In-Context Shopping

Drawer slides up from the PDP—product stays visible while you configure your plan. Carrier selection, comparison, and checkout all in one contained flow.

Mobile UX Context Preservation Accessibility
Wireless Service
Sign up Step 1 of 5
What would you like to do?
Select an option to get started
Sign up
New T-Mobile customer
Add a line
Existing T-Mobile customer

Result: In testing, the drawer pattern eliminated the 65% drop-off at the carrier redirect entirely. Customers stayed within the Walmart context through the full checkout flow.

02 / 03

Transparent Carrier & Plan Comparison

Side-by-side comparison instead of sequential selection. Monthly cost, down payment, and total cost all visible upfront. No hidden pricing.

Information Architecture Price Transparency Conversion
Wireless Service
Carrier plan Step 3 of 5
Choose your plan
Compare plans and pricing side by side
Go5G Plus
Unlimited premium data
$60/mo
Go5G
Unlimited data & 5G access
$50/mo
Essentials
Unlimited data on our network
$40/mo

Result: Checkout time dropped from 8 minutes to 2.5 minutes. Side-by-side plan comparison reduced back-navigation significantly compared to the sequential selection model.

03 / 03

Progressive Disclosure on Mobile

64% of wireless searches are mobile. Drawer goes full-screen with step-by-step flow—one focused screen per step, native gestures.

Mobile-First Progressive Disclosure Native Gestures
Wireless Service
Carrier plan Step 3 of 5
Choose your plan
One focused step at a time
Go5G Plus
Unlimited premium data
$60/mo
Go5G
Unlimited + 5G access
$50/mo
Essentials
Basic unlimited data
$40/mo

The Complete Experience

Drawer opens with carrier selection, updates to show plans and transparent pricing. Activation, verification, and payment all happen in-context, ending with a standard Walmart order confirmation.

Click through the prototype to explore the wireless service flow

Mobile Experience

On mobile, the drawer goes full-screen, one focused step per screen, native to phone interaction.

Tap through the mobile prototype to see the full-screen drawer flow

What I owned vs. supported

Led
Opportunity definition and competitive positioning analysis
Customer research planning and interview synthesis
Information architecture for carrier and plan comparison
Drawer interaction design, prototyping, and usability testing
Design system adaptation for the new drawer pattern
Stakeholder management across product, engineering, and carrier partners
Contributed
Carrier partner alignment with T-Mobile technical team
Customer research participation and behavioral analysis
Go-to-market timeline and phased rollout planning
A/B testing framework for drawer vs. traditional flow
Post-launch monitoring, analytics review, and iteration
Cross-functional success metrics and KPI definition

Measurable outcomes

$5.4M projected annual GMV lift. Checkout time: 8 min → 2.5 min. Customer satisfaction in beta: 86%.

$5.4M
Annual GMV Lift
3.2x
Faster Experience
86%
Customer Satisfaction
4
Carriers Online
Immediate Wins
T-Mobile now available for online purchase—closing the carrier gap
Checkout time reduced from 8 minutes to 2.5 minutes
65% drop-off at redirect eliminated—customers stay in Walmart
Carrier comparison empowers confident purchasing decisions
Reduced store associate labor for wireless setups
Future Opportunities
Expand drawer pattern to additional carriers (Boost, Visible, Cricket)
Integration with Walmart+ for exclusive bundle deals and discounts
Device trade-in support directly within the drawer experience
Tech accessory cross-selling based on selected phone model
Extended warranty and Walmart Protection Plan integration
Real-time inventory and shipping estimation within drawer

What I learned

Every competitor we studied used the same redirect pattern for wireless checkout. Apple, Samsung, Best Buy, they all sent customers to a separate carrier flow. Challenging that felt risky, and leadership initially pushed back on the drawer approach because it had no industry precedent. What sold it was the data: 65% of customers were abandoning at the redirect, and a $1,000+ phone purchase with a 2-year commitment needs more trust, not less. The other lesson was that carrier partner constraints weren’t blockers. They were design inputs. Each carrier had different API limitations and regulatory requirements, and working within those constraints actually produced a more modular architecture than if we’d had free rein. In the end, the 3.2x speed improvement mattered more than the $5.4M GMV headline, because respecting customers’ time is what drives the kind of loyalty that compounds.