When you buy insurance, you have to enter details about your house. Here's how I made that part of the process easier.
I divided a very long form into themed sub-pages (15 fields at that time, with a few more to be added).
I introduced a new visual selector component, making it easier and faster to choose options like exterior wall materials or roof materials.
These changes increased conversions by 17% in the home details section of the process.
Figjam's beginnings...
I looked at what our competitors do, what kinds of fields we use (like dropdowns, text boxes, or selectors), and how we can organize these fields better. Of course, I discussed everything with the team that handles the business side of the project.
Those actions helped out with re-designing the experience.
Interviews with users
Problem and ideas were also evaluated while in-depth interviews with customers.
Visual selectors
An essential part of the redesign was incorporating visual selectors for elements such as roof materials. This eliminates the need for users to click to expand a dropdown list, making the selection process more visual and easier.
No long forms anymore!
Here is a comparison between the old long form and one of the new form sub-pages.
Whole flow & conclusions.
Here's how it looks like right now. Longer - in term's that we have 3 page's instead of one, but now everything is grouped and more visual, faster to access, easier to choose from.
