案例背景

老妖精消防是一款专注消防学习领域的移动课老妖精消防微信小程序提供一站式移动学习服务，帮助用户全方位学习消防知识，随时在线找课、找题、找书，还可以轻松查阅消防相关资讯，老妖精消防就是懂消防。

用户画像

郭国华|公司程序员80后/技术控/热心肠

互联网-线人员，对电子产品敏锐，对待事物比较谨慎，调理清晰。平时饭后习惯在公司园区里面散步，比较依赖互联网产品。比较热心积极反应园区各种暴露的问题。

用户痛点:大大小小的问题看在眼里说不出口，强迫症抓狂

使用场景:饭后园区散步的时候发现园区里消火栓被打开，里面的水管没有卷好，并且正在滴水。

李门玲|公司HR90后/短致敏感/研究生

职业原因比较注重细节，平时对园区隐患环境不太敏锐。属于被动型。为人细致认真，经常能够注意到容易被忽略的位置。心系公司，善于发现隐患并希望尽快解决。

用户痛点:经常发现各种问题，难于集中反映

使用场景:下班等班车时，发现楼道里的烟雾报警器闪烁红灯但并没有发出警报声，同时班车准备发车了

设计风格

主色调采用了黄色的渐变色，给人轻松愉快，充满希望和活力的感觉，主要辅助色运用于界面插画中的色彩，干净整洁、醒目。

常规阅读的字体选用苹方字体，特殊数字用于DIN字体 字重:常规/中等/粗体/特粗字号: 20/24/30/36/40/44px

界面设计

Banner

首页的BANNER,突出产品的特点，增加用户粘性及系统活性

金刚区

整组图标采用面性的图标，增加渐变色彩的底层，弥散投影，增强用户的点击率

功能类

新人礼包、免费资料、关注公众号、广场学习足迹、精彩活动

模块

分为推荐、经验、跟学、资讯四个模块，彩色化卡片设计，内容突出，强调班型的品质感，背景底纹的点缀，视觉更加饱满

• 上一篇：直播小程序
• 下一篇：智能物联网