Johnsalzarulo / design-challenge

This is just a sample design challenge for Better.
2 stars 4 forks source link

My Solution for the design challenge #8

Open elroychibex opened 5 years ago

elroychibex commented 5 years ago

Here's how I plan to improve this form: 1.) First of all I will make it appear on two panels. The left-side would have an image or illustration while the right hand side will carry the form components.

2.) The form components would then come in the form of a multi-step wizard. The user completes one section and moves over to the next. This should take care of better aesthetics and overall look of the form.

3.) For error states and validation, I would prefer a light-red border around the text box and an error message under the input box. Here are screenshots outlining what I've pointed out.

Desktop 2

Desktop 2 1

Desktop 2 2

iPhone 8 Plus

Looking forward to your feedback on what I have done so far.