Payment Form with Vertical Progress Bar

This is a design created for a web application - I've changed the branding elements and used an imaginary company name to protect client confidentiality.

I chose to incorporate a vertical progress indicator as opposed to the more traditional horizontal approach because:
1) The sections in this form are dynamic based on country, and in some instances, there may be up to 8 steps. Therefore, it was good to make this scalable.
2) Featuring it on the right side makes it secondary in the natural order of things and act as more of a reference than if it were featured on the left or center.

Please let me know what you think!

More by Grace G.

View profile