BIBLE ART FOR YOU · E-COMMERCE UX

I cut the purchase path

from 7 steps to 4

Behavioral data showed that shoppers often formed purchase intent before reaching a product page. I redesigned high-intent entry points so they could move into purchase sooner.

ROLE:

Product Designer

SCOPE:

Research · E-commerce UX · Mobile · Checkout

STATUS:

Live

BIBLE ART FOR YOU · E-COMMERCE UX

I cut the purchase path from 7 steps to 4

Behavioral data showed that shoppers often formed purchase intent before reaching a product page. I redesigned high-intent entry points so they could move into purchase sooner.

ROLE:

Product Designer

SCOPE:

Research · E-commerce UX · Mobile · Checkout

STATUS:

Live

BIBLE ART FOR YOU · E-COMMERCE UX

I cut the purchase path from 7 steps to 4

Behavioral data showed that shoppers often formed purchase intent before reaching a product page. I redesigned high-intent entry points so they could move into purchase sooner.

ROLE:

Product Designer

SCOPE:

Research · E-commerce UX · Mobile · Checkout

STATUS:

Live

01. Where the money was leaking

Mobile carried the traffic. Desktop carried the sales.

0%

0%

of sessions on mobile

0%

0%

of sessions on mobile

0X

0X

desktop converted at roughly twice the mobile rate

0X

0X

desktop converted at roughly twice the mobile rate

0%

0%

of mobile sessions ended on a collection page — no product view, no cart

0%

0%

of mobile sessions ended on a collection page — no product view, no cart

02. The problem I chose to solve

High-intent pages had no direct path to purchase.

01 — Purchase intent happened early

01 — Purchase intent happened early

Users were evaluating artwork from mobile collection/product pages.

02 — Purchase actions happened late

02 — Purchase actions happened late

The purchasing path required users to navigate away from the decision point.

03 — Mobile introduced more friction

03 — Mobile introduced more friction

The experience required repeated page transitions before checkout.

03. What the old screens made people do

Best Seller grid

Collection

• Cards were purely navigational — no way to add, no way to compare
• Price sat below the fold of each card; savings weren't visible while scanning
• The floating promo widget covered the third product's title

Where every purchase was forced

Product

• Title and price appeared below a full-height gallery plus a thumbnail rail
• The promo widget sat directly on top of the product name
• Add to cart required a second scroll after the details accordions

Design principle

Let people act where they decide — not one screen later.

Let people act where they decide — not one screen later.

Instead of forcing every shopper through the same product-detail journey, I created direct purchase paths at moments of demonstrated intent.

Instead of forcing every shopper through the same product-detail journey, I created direct purchase paths at moments of demonstrated intent.

04. The change

Make discovery actionable

Before

Browse only

After

Browse and buy

  1. Observed

  1. Observed
  1. Observed

Shoppers were already comparing products here.

  1. Changed

  1. Changed
  1. Changed

A persistent add-to-cart button sits on each product image. Returning customers — who already know the print they want — never have to open a product page.

The gift widget generated almost no engagement and covered titles, prices, and the add-to-cart zone. I cut it and moved the offer into the announcement bar and cart drawer, where it's read at a decision point.

  1. Why

  1. Why
  1. Why

Reduced the need to open another screen before taking action.

05. The path now

Seven steps became four.

The product page still exists for shoppers who want detail — it just stopped being a toll booth. Express checkout closes the loop for one-item orders, which is most of them.

The product page still exists for shoppers who want detail — it just stopped being a toll booth. Express checkout closes the loop for one-item orders, which is most of them.

Step 01

Land

Hero reads clearly on a phone; collections start immediately below.

Step 02

Browse and add

Price, savings and add-to-cart all live in the card. No page change required.

Step 03

Review

Cart opens in place with a pinned checkout button showing the total.

Step 04

Pay

Express wallets sit above the form so returning buyers skip typing entirely.

06. Results

Fewer steps. Clearer purchase intent.

The redesign changed my approach from optimizing individual screens to optimizing the distance between intent and action.

The redesign changed my approach from optimizing individual screens to optimizing the distance between intent and action.

Before

Before

After

After

What Change

What Change

7 purchase steps

7 purchase steps

4 purchase steps

4 purchase steps

Removed unnecessary intermediate actions

Removed unnecessary intermediate actions

Mobile browsing
→ delayed purchase

Mobile browsing
→ delayed purchase

Direct purchase entry points

Direct purchase entry points

Shoppers could act earlier

Shoppers could act earlier

Search primarily supported discovery

Search primarily supported discovery

Search became transactional

Search became transactional

Product intent connected directly to purchase

Product intent connected directly to purchase

08.Where I'd take it next

What I would explore next with AI

Intent-aware product discovery

Use browsing/search signals to surface relevant artwork.

Why it could help

Reduce discovery effort for shoppers who know the room, occasion, or theme but not the exact product.

Guardrail

Explain why recommendations appear and keep manual browsing/filtering available.

Conversational gift finder

Help shoppers narrow products by recipient, room, occasion and style.

Guardrail

Make suggestions reversible rather than letting the assistant decide for the shopper.

Personalized merchandising

Adapt recommendations based on explicit preferences and behavior.

Guardrail

Avoid opaque personalization; give users control over preference signals.

Next case study

Designing game-based learning for kids with short attention spans