After I had built 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.


March 2014


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


Checkout Step 1


Checkout Step 2


Checkout Step 3