The Product Buy Box

The location of the title, price, SKU, and buy button (CTA) on a product page is often referred to as the 'Buy Box'. This area is critical for helping customers understand what they are adding to their basket and how much it will cost, enabling them to make informed decisions without confusion. While at Drinkstuff, I worked on a project to optimise the performance of the buy box and improve its clarity. Here, you can read about the areas of consideration, the changes made, and some of the reasoning and thought processes behind them.

Two versions - Duplication & Cognitive Overload

Image left with text layout - Perfect for introducing a topic with a supporting image

Standard image and text layout with the image positioned on the left. Great for starting articles or introducing new sections where the image supports the text content.

Drinkstuff's Old Buy Box Design showing multiple versions (variations)

Two versions - Simplified & Focused Design

Drinkstuff's New Buy Box Design showing multiple versions (variations)