【设计经验】郑好办APPV6.0改版设计复盘

*此次感谢数郑的天鹏同学的全程跟进与动效设计

改版背景  我们为什么做

·五周年品牌焕新

作为郑州市政务服务核心载体，郑好办迎来5周年关键节点，需通过视觉升级强化品牌城市形象。

·运营需求激增

平台上线3000+项事项服务，业务量倍增。营销活动缺乏统一载体，界面模块堆叠导致视觉“过载”。

生活服务与政务功能混杂，信息架构臃肿，用户路径混乱。

产品现状  我们为什么做

·视觉陈旧

产品沿用传统政务平台深色系，缺乏年轻化表达，且页面视觉差异化较大，品牌感弱。

政务办事服务与生活服务未分层，用户认知负荷高。

5.0首页承载10+个功能入口和多个营销位，信息密度超载。

改版思路  打算如何改

围绕“郑好办，事事都好办”的服务承诺，聚焦破解企业和群众办事“难点”“痛点”，成功实现从“政务服务平台”向“城市生活服务总入口”的战略跃迁。

1.核心理念

政务/生活双入口：政务服务的严肃、规范性与生活服务的便捷、多元性存在本质差异，故在 APP 中明确区分二者。这既能让用户在办理政务事项时，感受到专业、严谨的服务氛围，又能在享受生活服务时，体验到轻松、愉悦的使用感受。

2.框架优化

通过对框架和功能的重新梳理，将原来的首页、办事、资讯、生活、我的板块分为郑好码、办事、首页、生活、我的，隐藏低频资讯板块，聚焦办事和城市生活，服务体验全面跃升。

设计目标  设计能解决什么问题

设计关键词

结合上述问题分析及优化点，我们从中可以提取出本次改版关键词

设计执行  我是怎么做的

1.品牌视觉焕新  郑好办6.0 的主题是“郑式生活”，它的变化从 APP 新图标开始

——更年轻、更具活力的红色

新标识在保留原特征和风格原则下进行造型细节调整。将品牌色由以往较为深沉的红色，调整为更具活力与现代感的明亮色系。

简化图形结构：新标识整体轮廓减少了矢量节点、调整了曲线之间相接的流畅度，一气呵成，以产生更轻量利落的视觉记忆。

优化切口造型：针对原标识锋锐的尖角切口进行统一圆角改良，使新图形整体线条弧度更律动，更具亲和感。

整合视觉元素：将原来背景上的郑州标志建筑“二七塔”，融入到字体logo中，整体更纯净，使用场景更广泛。

2.品牌色

呈现了全新的郑好办色系，品牌色采用了logo红色色系。与生活场景的蓝紫多彩色进行搭配。在保证质感的同时，又使得 APP 整体氛围更加轻快、活泼，符合年轻化的设计方向。

APP应用场景  解决了什么

1.重构首页布局  

郑好办始终致力于让用户“好办快办”。随着业务的不断拓展，政务服务与生活场景交叉导致用户认知混乱、营销模块无序堆叠干扰核心办事路径。6.0全新框架语言，将以“政务·生活双轨重构”为突破口，重塑城市数字化服务体验标杆。

◆轻量头部导航

头部作为首页的一个重要区域，6.0版本升级中，将框架语言的背板色由政务的深蓝色调整为明亮的透明白，有效将视觉重心转移至核心功能区。同时，轻量的头部使页面更具呼吸感，缓解了旧版 “传统” 的视觉感受，让整个页面看起来更加清爽、舒适。

◆双轨首页设计

新版首页在使用 6.0 框架的基础上，进行了大胆创新。在顶部用醒目的色块区分政务及生活两大入口，政务入口采用品牌色，体现政务服务的庄重与权威；生活入口则选用明亮活泼蓝紫渐变，激发用户对生活服务的探索欲望。鲜明的色彩对比增强了点击感，使用户能够快速准确地找到所需入口，从视觉上强化了政务与生活服务的区分理念。

2.优化办事功能  

旧版办事页面层级较混乱，核心功能不够突出，影响用户的办事效率，且设计维护成本高（每项事务都需设计相应的视觉元素）。新版页面将侧重优化信息层级，对关键信息进行有效曝光，有效利用头部空间并且让视觉更通透。

2.我的页面

各功能入口已不能满足业务需求，对于用户关注的核心功能不够突出。

情感化融入  更加亲和一点

1.政务男孩设定

我们希望郑好办成为市民的“城市综合服务平台”，所以我们将政务男孩融入APP的页面操作流程，增加情感触点，提升郑好办的品牌亲和力，让政务服务更有“人情味”。

IP形象初期尝试从郑州相关元素出发-熊、锦鲤、杜甫、玉米。相关性都不是很大，最后设定政务男孩作为APP的小助手进行情感化设计，IP将会继续尝试别的方向。

2.情感化设计

政务页引入动态政务男孩在金刚区进行强化引导；生活服务页-政务男孩发券领券，采用动效吸引用户注意力，促进消费券领取；生活办事页-常驻顶部增加页面趣味性；个人中心页-客服及头像融入，保证页面统一。

3.闪屏页

首次下载使用郑好办6.0版本时提示用户使用的的全新版本，默认闪屏设计使用政务男孩及新的logo，增加亲和力和品牌感。

设计沉淀  我做了些什么

针对郑好办6.0，建立设计规范文档和组件库，可以让项目设计按照统一规范使用，提升整个产品的视觉交互一致性，减少开发样式，提升开发效率。

复盘总结  项目复盘经验

1.用户反馈收集与分析

在郑好办APP6.0上线后，通过各种渠道广泛收集用户反馈，主动了解用户对新版APP的满意度和期望。将用户反馈分类为界面设计、功能操作、服务内容等，针对每一类问题进行分析，为后续优化提供有力依据。

2.经验总结与未来展望

▎设计规范验证：

此次改版建立的统一设计规范在实践中得到了一定验证。在字体、字号、色彩、图标样式等方面的统一，让 APP 各页面和功能模块呈现出较好的一致性，提升了整体专业性。

但部分规范在特殊场景下适应性不足，比如在小屏设备上，部分字号的显示效果欠佳。后续将针对不同设备屏幕尺寸，细化字体、图标等设计规范，增强规范的灵活性和适用性。

▎视觉语言适配：

品牌 logo 升级和品牌色调整在视觉焕新上取得了不错效果，新的设计更符合年轻化趋势，也增强了品牌辨识度。

在实际应用中，发现部分辅助色与主色调的搭配在部分页面中视觉冲击力过强，给用户带来一定的视觉压迫感。未来会进一步优化色彩搭配方案，通过调整色彩饱和度和明度，使视觉效果更加和谐舒适，同时保持品牌特色。

▎未来展望：

在后续迭代的版本中，郑好办 APP 将持续创新，不断提升服务质量和用户体验，为郑州市民提供更加便捷、高效、优质的数字化服务，助力郑州市数字化城市建设迈向新的高度。

END