Story-led homepage hero
At Khaite
Hero media establishes mood before commercial CTAs.
Large media-led first fold with restrained call-to-action density.
Element library
Real ecommerce screenshots with short, practical notes. One UX building block at a time.
Search patterns by name, store, or tag. As you type, the grid updates.
No filters applied. Showing every element in the library.
Change filters
Vertical
Stage
Country
Stack / platform
18 elements foundStages: Home, Category, Product, Cart, Checkout
Checkout payment reassurance
At The Row
Risk-reduction language appears just above payment action.
Payment and policy reassurance grouped near action buttons.
Low-friction size and option selection
At Khaite
Variant controls remain visible beside image stack.
Compact variant selectors with persistent context and low visual noise.
Routine-first product storytelling
At DECIEM
Education blocks convert ingredient curiosity into clear routine purchase paths.
Product detail modules framed as routines rather than specs.
Story-led homepage hero
At Alo Yoga
Visual-led hero anchors seasonal assortment and directs into category exploration.
Large media-led first fold with restrained call-to-action density.
Checkout payment reassurance
At Cult Beauty
Checkout reassurance and progress cues reduce anxiety on final payment step.
Payment and policy reassurance grouped near action buttons.
Quick category filters
At Alo Yoga
Facets are kept compact and front-loaded for high-intent category refinement.
Compact filters prioritize common shopper intents over exhaustive facets.
Quick category filters
At Dr. Barbara Sturm
Top facets map to routines and skin concerns.
Compact filters prioritize common shopper intents over exhaustive facets.
Fees and shipping before checkout
At Goop
Cost breakdown appears before checkout action to reduce last-step shock.
Shipping, tax, and delivery expectations are shown pre-checkout.
Soft cart reassurance
At Dr. Barbara Sturm
Upsell cards are secondary to checkout continuation.
Subtle trust cues and delivery expectation near order summary.
Routine-first product storytelling
At La Mer
Usage sequencing sits before full ingredient disclosure.
Product detail modules framed as routines rather than specs.
Checkout payment reassurance
At Augustinus Bader
Payment assurances and delivery expectations are co-located.
Payment and policy reassurance grouped near action buttons.
Story-led homepage hero
At La Mer
Story-first hero transitions into ritual cards.
Large media-led first fold with restrained call-to-action density.
Quick category filters
At Toteme
Top-anchored chips keep scan speed high on dense catalog pages.
Compact filters prioritize common shopper intents over exhaustive facets.
Checkout payment reassurance
At SSENSE
Checkout highlights shipping and payment confidence signals near action area.
Payment and policy reassurance grouped near action buttons.
Soft cart reassurance
At Toteme
Reassurance block appears near final cart action.
Subtle trust cues and delivery expectation near order summary.
Routine-first product storytelling
At SSENSE
Product detail balances fashion context with conversion details in one flow.
Product detail modules framed as routines rather than specs.
Quick category filters
At Harrods Beauty
Category page uses brand/routine taxonomy to speed discovery.
Compact filters prioritize common shopper intents over exhaustive facets.