UI for Ignighter's Payment System
When Ignighter started its subscription plans, it implemented a standard credit card payment system. Initially, different payment pages were created for different subscription plans and landing pages. We needed to consolidate these different payment pages into a single one and at the same time, add PayPal as an alternative payment method for people who had problems with their credit cards.
Thinking about what actions the users needed to take and what information they required to take those actions, I sketched out a wireframe for the page. On this project, I chose to skip the Photoshop design step since the project was relatively simple and the deadline was tight. I reused the code for the forms and the payment backend. I spent most of my time on producing the actual HTML/CSS and generating the graphics. I used jQuery to show/hide different form elements depending on the chosen payment option.
Since this was the payment page, the testing had to be thorough. I made sure the page was working fine and it was cross browser compatible for all payment options.
