A N A L Y S I S
The existing checkout flow consisted of a long single page with extraneous form fields and copious visual elements. An extremely high percentage of users dropped off before completing checkout. We first analyzed the weak points of the design that needed to be addressed.
I N F O R M A T I O N A R C H I T E C T U R E
A comprehensive Information Architecture blueprint was developed to map out all possible user flows, and the inputs required on each page of the checkout. This was given to the developers so that work could be parallelized while the high resolution mockups were being prototyped.
W I R E F R A M E S
Wireframes were quickly prototyped using Bohemian Coding's "Sketch" application to visualize the layout.
F I N A L D E S I G N
Each page has been pared down to the fewest possible form fields, and extraneous visual elements have been removed. Animated gifs in addition to human vernacular used in the interface and copy bring levity to the experience.