Application form design

HTML5, CSS, Responsive design

Desktop and mobile views of the 2018-19 Participate Teacher Application

I redesigned the company’s cultural exchange teacher application form, an application in SurveyGizmo made for educators to apply to teach with the company's program. I managed the production schedule with stakeholders and developed the new application styles and functions. The project took six months to complete.

Seamless experience

I redesigned the form both for branding purposes, and to restructure the experience to keep interested applicants in the pipeline.

Improvements between form designs accounting for flow and user fatigue Improvements between form designs accounting for flow and user fatigue

The new design replaced the manual review in step 2 with logic that would allow an applicant to learn whether they were qualified immediately, without having to wait for a review and potentially lose interest.

Improvements between form designs accounting for flow and user fatigue Improvements between form designs accounting for flow and user fatigue

Production

I wrote a custom stylesheet from scratch to reflect the prototype. This stylesheet needed to not only reflect new branding guidelines, it also needed to mesh with SurveyGizmo’s framework. This required some creativity writing specific classes and selectors.

Improvements between form designs accounting for flow and user fatigue
Improvements between form designs accounting for flow and user fatigue

Flexbox and custom classes for dropdown menus helped arrange cluttered page elements

I worked with the company's SalesForce manager to integrate the form with the company database and write logic for all possible user cases. During this time, I added new pages and made adjustments that allowed SalesForce to capture all of an applicant's inputs.

Improvements between form designs accounting for flow and user fatigue
Improvements between form designs accounting for flow and user fatigue

Right: a cascading dropdown menu needed space to expand depending on user's selection
Left: some fields needed enough space to not get lost in the flow

Results

After two months of QA testing, the form was fully synced with SalesForce and ready for deployment. Over the next four months, the company accepted over a 100% more applications than it had in the previous recruitment season.



Get in touch →