After I had built Mobiles.co.uk I was tasked with redesigning the checkout as it wasn’t updated with the new site. First i did researched e-commerce checkout systems to find out what the best solution would be for this site; be it one page checkout or a multiple step checkout. We decided for a multiple step checkout to break down the amount input the user would have to do. We also went for a clean and simple design so the user wouldn’t be distracted by anything and complete the purchase.

For the build we went with bootstrap again for consistency and the responsive functions. I work closely again with the software development team to ensure integration with their backend systems. As we came toward the end of the project we started doing rigorous testing on the checkout systems making sure it was secure, user friendly and accessible.

Released

March 2014

Technologies

  • HTML5
  • CSS3
  • jQuery
  • Bootstrap 3
  • Responsive
  • PHP

Link: Mobiles.co.uk

Checkout Step 1

mobiles-checkout-step1

Checkout Step 2

mobiles-checkout-step2

Checkout Step 3

mobiles-checkout-step3