项目需求#
Horace Mann 为美国的教育工作者提供保险：他们的汽车、住房、人寿和退休保障。公司由两位教育工作者于 1945 年在伊利诺伊州斯普林菲尔德创立，他们相信教师应当享有负担得起的车险。
Saif Pasha 和 Horace Mann 的产品设计师此前已经一起为多家公司完成过许多项目。2022 年，这位设计师的工作量已超出一个人能够应付的程度，于是他把其中一部分交给了 Saif：教师在 Horace Mann 网页上获取车险报价的整个流程。他规划了漫长而复杂的流程，但一条都还没有画出来；他用语音消息向 Saif 描述了这些流程。
难点：一份什么都要问的报价#
报价需要教师的身份信息和地址、家中的每一辆车和每一位驾驶人、目前投保的保险公司、任何事故记录以及工作单位。任何一个回答都可能引出更多问题。设计必须让教师顺利走到最后，而不是中途流失。
Saif 设计了什么#
Saif 设计了两条流程。
快速报价的第一个问题是：您或您家中的某位成员是否受雇于学校。它收集您的个人信息，让您在车险、房屋险、人寿险、租客险和退休保障中选择想要的保障，并留下一个电子邮箱用于接收报价估算。最后一个界面说明接下来会发生什么，提供回电、在线聊天或与代理人通话三种方式。
完整车险报价共有 13 个步骤，凡是某个回答需要更多信息的地方都会出现分支。车辆可以通过 VIN 或品牌和型号添加，删除车辆时需要确认。家中的驾驶人逐一添加，然后是当前的保险公司、每辆车的审核、逐条填写的事故记录，以及您任职的学校。最后会返回三档报价，其中一档标为推荐，并提供加购房屋险的选项。您可以在任何一步保存，稍后回来继续完成。
Saif 用自动布局（auto layout）构建了每一个画框：拖动画框时内容会随之移动，每个界面都会根据所含内容自动调整大小。颜色和字体都是设计令牌（design token），保存为命名样式，修改其中一个，所有使用它的界面都会随之更新。他在 Figma 中制作原型并交付这些流程，团队中的任何人都可以在那里打开和修改。
成果#
Saif 用大约 8 个小时交付了两条流程，比 Horace Mann 的产品设计师要求的时间提前了好几周。那些他此前只能口头描述的报价流程，如今从开头的问题到代理人的来电，都被逐屏画了出来，保存在他的团队可以继续在其上构建的文件中。
