The brief#
Horace Mann insures America's educators: their cars, their homes, their lives and their retirements. Two educators founded it in Springfield, Illinois, in 1945, on the belief that teachers deserved affordable auto insurance.
Saif Pasha and its product designer had many projects behind them already, for a range of companies. In 2022 the designer's workload had grown past what one person could keep up with, and he brought Saif one part of it: the journey a teacher takes, on Horace Mann's pages, to get an auto insurance quote. He had planned long, intricate journeys, and none had been drawn; he described them to Saif in voice notes.
The hard part: a quote that asks for everything#
The quote wants a teacher's identity and address, each car in the household and each driver, the insurer they use now, any accidents and their workplace. Any answer can lead to more. The design had to get a teacher to the end without losing them.
What Saif designed#
Saif designed two flows.
The short quote's first question is whether a school employs you or someone in your household. It collects your details, lets you choose the cover you're after among auto, home, life, renters and retirement, and takes an email address for the estimate. Its last screen sets out what happens next, offering a callback, a chat or a phone call with an agent.
The full auto quote has thirteen steps and branches wherever an answer calls for more. A car is added by VIN or by make and model, and removing one asks for confirmation. Drivers in the household are added one at a time, then the current insurer, a review of every car, any accidents, entered singly, and the school where you work. Three tiers of quote come back, one flagged as recommended, with an offer to add home cover. You can save at any step and come back to finish.
Saif built every frame with auto layout: dragging a frame carried its contents with it, and each screen resized to fit what it held. The colours and type were design tokens, kept as named styles, so editing one updated every screen that used it. He prototyped and delivered the flows in Figma, where anyone on the team could open and change them.
The outcome#
Saif delivered both flows in about eight hours, weeks before Horace Mann's product designer had asked for them. The quote journeys he could only describe before were drawn screen by screen, from the opening question to the agent's call, in files his team could build on.
