Microinteractions form prototype

I designed and coded a clickable prototype to present a brand new format for how customer journeys could be presented.

Problem

The journey this design was designed to replace is essentially a form that’s split up across individual pages where a user is presented with a single question per screen. Drop off points varied, but to improve overall motivation my hypothesis was to provide context as to why questions were being asked and offer feedback along the way.

Solution

I grouped questions into relevant sections to aid in recall of information. Instead of a seemingly never ending series of questions, users now can see upcoming sections which are progressively disclosed as they fill out sections. Micro interactions and a dynamic sidebar help increase motivation to continue.

My role

  • Design
  • Prototyping
  • HTML
  • CSS
  • JavaScript

⬇️ Try it out! Start filling in the form ⬇️