Build.com Checkout Redesign


BEFORE

Shipping and Payment sections were cluttered, unorganized, and difficult to navigate. Hierarchy wasn't clear, and users would often accidentally skip form fields. When there were multiple payment methods or shipping addresses on file, the experience became even more awkward.

 
 

AFTER

We pulled Shipping and Payment forms out into two separate pages to keep users focused on one task at a time, and optimize for mobile. All forms were updated to align with best practices for usability. I also adjusted the styles to fit in better with our webstore styleguide, and worked with developers to ensure we weren't creating excess CSS classes or "one-offs".