Agency X Web Form
The X ageny web form was designed with best form UX practices in mind. The color palette reinforced brand identity and message. The user is asked as little as possible to gain relevent info. Autofocus on the first form input field is used. A single columnn is used to lead the eye in a single line from top to bottom.
Real-time visual feedback is provided with Javascript activated icon color changes and Font Awesome check mark appearance on entering valid input.
Regular expressions are using to more accurately validate email and phone number inputs. The left image column disappears on mobile devices so the user does not have to scroll and can focus simply on form completion.
