The Home Depot
Experience Architect | e-Commerce - Mobile Web Cart & Checkout
2013 - 2014
The tablet cart and checkout had a completely different look and feel than the rest of the t.homedepot.com experience (ah, 2013). The issue was customers going from a product page to the cart would see the desktop version which reduced the tappable area of radio buttons and calls to action, as well as diminished the text size.
Admittedly, there was some sunk cost in developing a tablet experience when the ultimate goal of developing a responsive solution was on the horizon, but in the meantime we established the business case for enhancing the digital experience for our customers making critical and expensive purchases.
Process
I built a comprehensive interaction flow, prepared a deck about the intent of the project and its proposed outcomes and prepared initial wireframes based upon high-level, initial user research and testing.
Using Axure, I built fully functional, medium-fidelity prototypes in which users could add a general merchandise item (like a grill, or a hammer) and an appliance (like a refrigerator or gas oven) to the cart and then check out. We tried no fewer than a dozen concepts with various layout options and interactions.
We tested allowing users to swipe between states, allowing / disallowing the ability to click on the progress indicator to navigate between sections, stacking fulfillment options below an address when space was at a premium or separating these between two screens, etc.
With our in-house usability team, we were able to process dozens of tests and get feedback and I was given an internal recognition called a Homer Award for my rapid prototyping work.
Impact
The work I did was tested and our clear prototype winner was fully developed and utilized as the customer-facing experience for the cart and checkout portion for homedepot.com. As of this writing, the site is now fully responsive, with no dedicated tablet experience.
We redesigned the entire checkout experience to incorporate the same global header as the rest of the site, embraced white space to highlight the product and cost breakdowns, prioritized the "Checkout Now" and PayPal buttons for easy conversion, and stacked content in a way where it was easy for the customer to understand their total payment, shipping options and any applicable discounts or coupons.