• About
  • Projects
  • CV
  • Email
  • LinkedIn
  • GitHub

Optimising the digital shopping experience for a home improvement retailer

Optimising the digital shopping experience for a home improvement retailer

A 3-week diagnostic across paint, kitchen, and timber, with 153 ranked usability issues, four strategic questions, and Figma design variants for each

Who
National Home Improvement Retailer (Anonymous)Mar 2023 – Mar 2023 (1mo)
Team
Competitive researcherLead designerSenior designerFreelance designer🙋 Product Designer
Scope
Heuristic evaluationUX designFigma design
Output
153 ranked usability issues, four strategic how-might-we questions, Figma design variants for each
Tools
FigmaFigmaMiroMiro
Context

A national retailer wanted to know where the friction sat before committing to roadmap investment

The brief covered three of the biggest categories on their site, paint, kitchen, and timber, each pulling different kinds of shoppers with different needs.

The audit

We audited the same journeys four ways, then pulled the findings into one ranked map

Within each category, we modelled two journey shapes on both desktop and mobile: people browsing for inspiration, and people who know what they want and need it done by Saturday.

I scored every screen against Nielsen heuristics with a severity scale (Minor, Moderate, Severe, Unusable), logging 153 ranked issues by end of week three. Logging issues without severity rankings produces a list with no signal, where 153 problems all look equally urgent on the page and the client has no way to start. The four-point scale meant the 16 Severe and 2 Unusable issues stood out from the 66 Minor and 69 Moderate ones, and the team could open the prioritisation conversation without going back through the list themselves.

In parallel, the team layered competitor benchmarks (direct rivals like Screwfix and B&Q, plus category specialists like Lick, Dulux, Magnet, Wren), six user testing interviews, and conversion-funnel data from Google Analytics.

The analytics work, owned by a colleague on the team, agreed with where the heuristic findings clustered: add-to-basket conversion was running at 5.9% against an industry average around 11%, and the most severe heuristic issues sat on the same screens the funnel was leaking through. Two lenses landing in the same place was a much stronger signal than either lens alone.

Optimising the digital shopping experience for a home improvement retailer
Heuristic annotations marking friction points across the existing experience
The recommendations

Each strategic question came with Figma variants the team could pull apart

Findings needed to translate into something the team could act on, so I built Figma design variants against each of the four "how might we" questions we landed on. A diagnostic engagement ends with a deck and a list of recommendations, which usually disappear into a backlog. The deck did its job, but the variants were the piece I cared most about, something the team could pull apart, mix, or reject on sight. A written recommendation says "do this". A variant says "consider this", which is what a client team actually needs to make their own call.

Hick's Law on the basket

The existing flow asked shoppers to commit to delivery or click-and-collect on every item before checkout, slowing the whole journey, so the variant moved that decision into checkout where it belonged.

Mega menu

Interior Paint was buried mid-list despite being top-three for pageviews, so the variant put it first.

Paint PDP

The variant bridged inspirational landing pages to product pages with a layout that surfaced both.

Appointment booking

A streamlined form replaced the existing booking path's friction.

One example of how small, targeted changes improved the experience
Optimising the digital shopping experience for a home improvement retailer — before
Optimising the digital shopping experience for a home improvement retailer — after
Outcome

A sequenced starting point with strategic questions to anchor next steps

The team got a prioritised problem map across three categories, four strategic questions to anchor the next phase, and Figma design variants to choose between. I don't have visibility into what got picked up after handover, but the engagement was scoped to give them somewhere to start, and it did.

Optimising the digital shopping experience for a home improvement retailer
Optimising the digital shopping experience for a home improvement retailer
Optimising the digital shopping experience for a home improvement retailer
Optimising the digital shopping experience for a home improvement retailer
Optimising the digital shopping experience for a home improvement retailer
Optimising the digital shopping experience for a home improvement retailer
Prototyped improvements across navigation, product pages, and checkout
Share on LinkedIn

Other projects

Building a design system where the code leads and Figma follows

Design Engineering · Design Systems

Building a design system where the code leads and Figma follows

Building a practice tool that targets your weakness, not your strength

Product Design · AI Integration · Frontend Engineering

Building a practice tool that targets your weakness, not your strength

Building a product from scratch at an early-stage startup

Product Design · Design Systems · Design Engineering

Building a product from scratch at an early-stage startup

Component Lab: a visual workspace for shadcn

Design Engineering · Frontend Engineering · AI Integration

Component Lab: a visual workspace for shadcn

Designing my portfolio like a product

Design Engineering · Frontend Engineering

Designing my portfolio like a product

Reducing churn for a global subscription service

UX Research · Product Design · Strategy

Reducing churn for a global subscription service

Designing and animating my personal brand mark

Brand Design · Motion Design

Designing and animating my personal brand mark

A better comparison slider for mobile

Design Engineering · Frontend Engineering

A better comparison slider for mobile

Designing a smarter GenAI workflow for AI developers

Product Design · UX Research · AI Integration

Designing a smarter GenAI workflow for AI developers

Building a scalable design system for a global risk platform

Design Systems · Product Design

Building a scalable design system for a global risk platform

Validating demand for a low-cost learning device in India

UX Research · Strategy

Validating demand for a low-cost learning device in India

Cutting through the noise with short-form sales content

Content Strategy

Cutting through the noise with short-form sales content

Understanding a diverse diaspora audience

UX Research · Strategy

Understanding a diverse diaspora audience

Building a brand and site a solo founder can run himself

Brand Design · Design Engineering

Building a brand and site a solo founder can run himself

Building a design system where the code leads and Figma follows

Design Engineering · Design Systems

Building a design system where the code leads and Figma follows

Building a practice tool that targets your weakness, not your strength

Product Design · AI Integration · Frontend Engineering

Building a practice tool that targets your weakness, not your strength

Building a product from scratch at an early-stage startup

Product Design · Design Systems · Design Engineering

Building a product from scratch at an early-stage startup

Component Lab: a visual workspace for shadcn

Design Engineering · Frontend Engineering · AI Integration

Component Lab: a visual workspace for shadcn

Designing my portfolio like a product

Design Engineering · Frontend Engineering

Designing my portfolio like a product

Reducing churn for a global subscription service

UX Research · Product Design · Strategy

Reducing churn for a global subscription service

Designing and animating my personal brand mark

Brand Design · Motion Design

Designing and animating my personal brand mark

A better comparison slider for mobile

Design Engineering · Frontend Engineering

A better comparison slider for mobile

Designing a smarter GenAI workflow for AI developers

Product Design · UX Research · AI Integration

Designing a smarter GenAI workflow for AI developers

Building a scalable design system for a global risk platform

Design Systems · Product Design

Building a scalable design system for a global risk platform

Validating demand for a low-cost learning device in India

UX Research · Strategy

Validating demand for a low-cost learning device in India

Cutting through the noise with short-form sales content

Content Strategy

Cutting through the noise with short-form sales content

Understanding a diverse diaspora audience

UX Research · Strategy

Understanding a diverse diaspora audience

Building a brand and site a solo founder can run himself

Brand Design · Design Engineering

Building a brand and site a solo founder can run himself