CRO / Reference-informed UI recreation

Less searching.
A clearer purchase moment.

LOTSFÅGEL scented candle. A proposed purchase flow that brings decision details closer to the action, then keeps that action available while exploring.

Prototype / not deployedConversion effect not measured
Recreated baseline candle product pageProposed product facts next to purchase controls
Recreated baselineProposed purchase details
The opportunity

Bring the answer
to the action.

A shopper should be able to find the scent, advertised burn duration, and container type near the purchase controls. When browsing imagery, a compact purchase summary can reduce the need to return to the top.

Two changes. Two hypotheses.

A / Decision details

Place vanilla scent, 20-hour advertised duration, and glass container information beside purchase controls. Hypothesis: shoppers can resolve basic product questions with less searching.

B / Persistent purchase summary

Keep product identity and the purchase action available during scrolling. Hypothesis: interested shoppers can resume the purchase flow without losing their place.

Both appear in this animated concept. Test them separately before attributing any effect to a specific change.

Inspect the states

From page to proposal.

Open the scrubbable timeline ↗
Recreated baseline product page

Recreated baseline: product imagery and purchase information at the original page position.

Motion walkthrough

See the interaction unfold.

20 seconds · 1440 × 900 · silent. Controls illustrate the proposal; they do not place orders.

Experiment plan

A design hypothesis,
ready to be tested.

VariantChangePrimary outcomeDiagnostic checks
ControlCurrent production pageCompleted purchases / eligible visitorDevice mix, traffic source, baseline behavior
AFacts beside purchase controlsCompleted purchases / eligible visitorAdd-to-cart rate; time to locate key facts in a usability task
BPersistent purchase summary onlyCompleted purchases / eligible visitorSticky CTA usage; accidental clicks; checkout abandonment

Assign visitors consistently, choose the minimum effect and sample size from actual baseline traffic, and define the stopping rule before launch. Monitor layout shift, performance, and purchase errors. This portfolio does not report an experiment result.

Evidence and fidelity

The original study used the IKEA Mexico listing, official product photos, and browser observations. This is an authored visual recreation, not a pixel-exact capture or deployed storefront. The displayed price and availability are historical observations, not a current offer.

Source record · Production review
What would ship next?

Validate the facts and purchase states on the live storefront, build an accessible responsive implementation, test keyboard and mobile behavior, then instrument and run the separate experiments. The animation demonstrates an interaction idea; it does not implement the checkout.