Page Designs

173 ‘Store Pickup’ Design Examples

Also referred to as: BOPIS, In-Store Pickup, Click & Collect

What’s this? Here you’ll find 173 “Store Pickup” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 256 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

Omni-channel e-commerce sites will often have a unique advantage over their “online only” competitors, in the form of “Store Pickup” option(s), which is typically free and fast - typically call “Buy Online, Pickup In Store” or “BOPIS”. This is important because our latest quantitative study on reasons for checkout abandonments reveals that 55% of US online shoppers have abandoned orders in the past quarter solely due to “Too High Extra Costs Added” (typically shipping), and that 16% have abandoned solely due to “Delivery Being Too Slow”. Hence, “Store Pickup” is a strong competitive advantage as it’s (typically) fast and free.

Yet, our large-scale UX testing also reveals that several of the design patterns commonly used for displaying “Store Pickup” and “BOPIS” actually cause most users to overlook the pickup option entirely.

173 ‘Store Pickup’ Page Designs
Filter by:

User Experience Research, Delivered Weekly

Join 60,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter
See all 173 designs

User Experience Research, Delivered Weekly

Join 60,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

256 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.