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!
form
form design
form field
form page
forms
input fields
online form
payment
payment page
progress bar
progress bars
progress indicator
ui design
ux design
ux designer
vertical form
web application
View all tags
Posted on
Sep 20, 2019
More by Grace G. View profile
Like