From scrolling to shopping

A three-week redesign of the Walmart Africa app homepage, argued through data and pushed through approval by three teams who didn't all agree.

ROLE & STACK

UX Designer using Power BI, Figma, Vibey, AI

TIMELINE

3 weeks

STATUS

Approved

Home

/

Works

/

Walmart Africa

01.

WHAT THIS WAS AND WASN'T

PM wanted a homepage redesign at Walmart that needs evidence, not ambition. Before opening Figma, I went looking for the data to make the case.

Owned: Research synthesis, information architecture, wireframing, concept design, stakeholder documentation
With: 1 PM, UX research support from the South Africa team, product leads

02.

THE PROBLEM

How do we make the homepage contribute more meaningfully to product discovery and cart creation?

49%

HOMEPAGE ENGAGEMENT RATE

users showing up

6–7%

HOMEPAGE → CART ADDITIONS

users actually shopping

40%

SEARCH → CART ADDITIONS

where action happens

13%

PDP → CART ADDITIONS

product pages

The homepage pulled people in and failed to convert them. Search and PDP were doing the shopping; the homepage wasn't.

03.

THE EVIDENCE

High exposure did not equal high product action. Some modules earned their placement. Most were costing on scroll depth.

High exposure did not equal high product action. Some modules earned their placement. Most were costing on scroll depth.

01.

WHAT THIS WAS AND WASN'T

PM wanted a homepage redesign at Walmart that needs evidence, not ambition. Before opening Figma, I went looking for the data to make the case.

Owned: Research synthesis, information architecture, wireframing, concept design, stakeholder documentation
With: 1 PM, UX research support from the South Africa team, product leads

04.

THE EVIDENCE

High exposure did not equal high product action. Some modules earned their placement. Most were coasting on scroll depth.

01

Shoppers start with savings

Shoppers start with savings Price comparison happens before checkout, sometimes inside a competitor's store.

02

Speed is part of the value prop

long homepages feel slower; scroll depth is friction, not engagement.

03

Grocery shopping is repeat-heavy

Buy Again is infrastructure, not a feature.

04

Relevance beats volume

curated collections outperform generic category rows.

05

Quality is unclaimed in the SA market

Checkers owns convenience, Pick n Pay owns value, nobody owns quality.

05.

PROPOSED ARCHITECTURE

Three zones. One rule. earn your spot.

Zone 1 - Above the fold: does the hardest work.

Location and delivery slot. Search bar (40% of cart additions). Deals, Rollbacks, and Specials (16.57% CTR).

Buy Again with one-tap reorder. Quick category shortcuts. Cart state indicator. Every module here has earned its position through measurable product action.

Zone 2 - Mid page: supports guided shopping.

Continue Shopping. Mission-based collections (Braai Weekend, Lunchbox Essentials). Top Sellers (971 clicks) as the anchor. Under R100 value basket. Personalised recommendations. Trending near you.

Zone 3 - Lower page: extended exploration only.

Departments, seasonal collections, brand promotions. Important for browse behaviour, deliberately pushed below the commerce-forward zones. This was one of the harder arguments - see below.

The shift: Departments help users browse. Missions help users decide. The homepage needs both, but missions come first.

04.

THE EVIDENCE

High exposure did not equal high product action. Some modules earned their placement. Most were coasting on scroll depth.

01

Shoppers start with savings

Shoppers start with savings Price comparison happens before checkout, sometimes inside a competitor's store.

02

Speed is part of the value prop

long homepages feel slower; scroll depth is friction, not engagement.

03

Grocery shopping is repeat-heavy

Buy Again is infrastructure, not a feature.

04

Relevance beats volume

curated collections outperform generic category rows.

05

Quality is unclaimed in the SA market

Checkers owns convenience, Pick n Pay owns value, nobody owns quality.

05.

PROPOSED ARCHITECTURE

Three zones. One rule. earn your spot.

Zone 1 - Above the fold: does the hardest work.

Location and delivery slot. Search bar (40% of cart additions). Deals, Rollbacks, and Specials (16.57% CTR).

Buy Again with one-tap reorder. Quick category shortcuts. Cart state indicator. Every module here has earned its position through measurable product action.

Zone 2 - Mid page: supports guided shopping.

Continue Shopping. Mission-based collections (Braai Weekend, Lunchbox Essentials). Top Sellers (971 clicks) as the anchor. Under R100 value basket. Personalised recommendations. Trending near you.

Zone 3 - Lower page: extended exploration only.

Departments, seasonal collections, brand promotions. Important for browse behaviour, deliberately pushed below the commerce-forward zones. This was one of the harder arguments - see below.

The shift: Departments help users browse. Missions help users decide. The homepage needs both, but missions come first.

06.

DESIGN DECISION

From evidence to interface. Three specific decisions that came out of the data - and the arguments each one triggered.

01. Hero banner removal

Evidence:

Hero banners showed 0.00% ATC. The most prominent banner recorded 0.12% CTR. Deals/Rollbacks hit 16.57% with no hero treatment.

Decision:

Remove the hero. Replace with a tabbed deals module — inline product cards, direct add-to-cart, no click-through.

Measure:

Product CTR, ATC rate, and basket contribution versus the previous hero placement.

The pushback:

Most resisted decision - hero real estate is the most visible ad inventory. The data won, eventually. The argument is still ongoing.

02. Buy Again prioritisation

Evidence:

SA grocery shopping is repeat-heavy. Buy Again was the highest-leverage ATC module when found the problem was exposure, not performance.

Decision:

Move Buy Again above the fold for returning users, paired with "Add all to cart." New users see curated popular products in the same slot.

Measure:

Buy Again usage as % of returning sessions; average items added per interaction.

03. Mission-based merchandising

Evidence:

Around the World" - one of the only thematic collections live - recorded the highest CTR at 1.15%.

Decision:

Mission-based collections become the primary mid-page discovery mechanism. Departments move to Zone 3.

Measure:

Mission CTR and ATC vs. generic department rows in equivalent positions.

07.

WHAT WOULD PROVE IT RIGHT

The data survived all the conversations.

Approval on a project like this doesn't come from one meeting. It comes from three teams - product, engineering, and business - each signing off on their own terms. That took most of the three weeks. Product wanted evidence. Engineering wanted scope clarity. Business wanted to protect promotional real estate. The data was the only thing that survived all three conversations intact.

01

Homepage strategy and information architecture approved by product and research leads

02

Module prioritisation framework adopted - every module now needs to justify placement through measurable product action

03

Concepts moved into validation pipeline. Design direction incorporated into product roadmap.

04

Not yet launched. The impact is structural and strategic, not yet measured in production.

08.

VALIDATION FRAMEWORK

METRIC

CURRENT BASELINE

SUCCESS SIGNAL

Homepage contribution to cart additions

6-7%

10% + (closing the gap with PDP's 13%)

Homepage prodcut click rate

0.12% - 1.15% across modules

2%+ average across Zone 1 modules

Module-level ATC efficiency

Uneven - 3 modules at 0.00% ATC

Zero modules in Zone 1 below 0.5% ATC

Repeat-purchase engagement

Not seprately tracked

15%+ of returning sessions include Buy Again interaction

Scroll depth vs cart action

Avg. 4.2 folds scrolled, 6-7% cart action

Under 3 folds scrolled, 10%+ cart action

Approval isn't the finish line. Some of the harder arguments - hero real estate, department demotion, banner reduction - are still live conversations. The data is on the design's side, but there's a difference between winning the argument and winning it permanently.

09.

CONCEPT EXPLORED WITH AI

AI accelerated the workflow. Product judgment determined what deserved to exist.

AI accelerated the mechanical work - extracting patterns from Power BI, cross-referencing research, generating homepage components in Vibey without opening Figma. Judgment did the work that mattered - deciding the 6–7% gap was a commerce problem, choosing the zone framework, holding the line in review cycles.

Other works

View all works


Menopause Wellness Experience

Create a free website with Framer, the website builder loved by startups, designers and agencies.