Problem: ImpactFlow is a ticketing platform. Users on the ImpactFlow site were dropping off before completing a ticket purchase. This problem was worse with mobile users because the original checkout wasn't designed with small screen sizes in mind.

Solution: After reviewing website analytics and talking to the product and marketing managers, I developed a solution that made it easier for the user to complete the checkout process whether on mobile or desktop. Using a mobile first approach, I took the original long checkout form and simplified it into four easy steps that fit comfortably in a small window.

Result: After the redesign, ImpactFlow's analytics showed that successful checkout occurred 40% more often on desktop and 80% more often on mobile.

Project Type


Tools Used

  • Adobe Illustrator
  • Axure RP
  • HTML
  • CSS
  • JavaScript
Original wireframe for the new mobile checkout flow
Original wireframe for the new desktop checkout flow
High fidelity prototype
Final working checkout flow