Energy Efficiency – Added to Cart
UX patterns for energy-efficient online shopping
Purchase decisions for energy-intensive products are increasingly made online — fast, convenient and largely price-driven. Despite legal requirements and availability, energy efficiency data has little influence on this consumer behaviour. The UX patterns in this collection aim to make this information visible, understandable, and behaviourally effective.
Customer Journey Stage
01
Recognize need
Anchoring
Reframe search ads from low price to long-term cost.
Agentic AI
Make efficiency data machine-readable so AI agents can recommend efficient products.
Customer Journey Stage
02
Search for products
Efficiency First Sorting
Sort products by efficiency on default while keeping all alternatives accessible.
→ View Pattern
Efficiency Default Filter
Preselect the highest efficiency class as the default product filter.
Total Cost Teaser
Suggest more efficient alternatives on low-efficiency product detail pages.
Customer Journey Stage
03
Evaluate and compare
Efficiency Framing
Frame comparisons around efficiency, repairability and long-term value.
Cost-over-time-slider
Put purchase price and running costs over time in perspective.
Customer Journey Stage
04
Purchase
Reassurance
Support completion of a Class A purchase through repairability and durability benefits.
Alternative recommendation
Tease more efficient product alternatives directly in the shopping cart.
Customer Journey Stage
05
Post purchase
Validation
Confirm the long-term savings and impact of the efficient purchase decision.
Customer Journey Stage
06
Use
Reinforcement
Use delivery waiting time to encourage efficient product use and habits.