Low Fidelity wireframes
I used low fidelity wireframes to help structure the input forms into groups, once the groups were established It was possible to create a breadcrumb graphic to allow the user to know where they are and where they are headed in the process.
High Fidelity wireframes
High fidelity wireframes were then made giving a one column layout for easy scannability, and allowing the team to look at labelling, a number of “optional’ inputs were removed, others were given “helper text” to help prompt users.
Final Design Mock Ups
The breadcrumb graphic was created for the final designs as well as including the FCA notices and other brand touches.