Grainger Add to Cart A/B Test

The following images are website design proposals and live pages I've created.

Site Designs and Portals shown by permission of Grainger. Designs and Logos ©2015 WW Grainger, Inc.

Purchase Together | Grainger Add to Cart A/B Testl

Only Add Certain Items | Grainger Add to Cart A/B Test

Onnly Add Certain Different Cart Button | Grainger Add to Cart A/B Test

All Items Checked | Grainger Add to Cart A/B Test

Limited Products Option | Grainger Add to Cart A/B Test

Limited Products/Different Cart Button Text | Grainger Add to Cart A/B Test

Grainger Add to Cart A/B Test

The following is an A/B test to determine if providing buying options for products that have accessories that help their operation was a desired user experience. Options include placement, how checking and unchecking works, and different cart button text.

The design mockup includes:

  • Browser bottom listing of additional products.
  • Checked and unchecked product interaction.
  • Different placement and text of add to cart buttons.
  • Full and limited option of additional accessories.

Client: Grainger.

Role: Designer.