http://www.gap.com/ Apparel Vertical Accordion 128 seconds
Gap implements a vertical accordion checkout that has few distractions, but poorly designed forms.
The most noticeable aspect of Gap's checkout is that it bears little aesthetic resemblance to the main website. Aside from the small logo in the header, it barely feels like the same website.
While progress is made clear by virtue of the accordion design, the checkout is lengthened by adding separate steps for gift options, non-default guest checkout, and a final review step. It is also made longer by putting each field on it's own row.
The Gap Desktop Checkout complies with 59% of our recommended best practices.