*此次感谢数郑的天鹏同学的全程跟进与动效设计
改版背景 我们为什么做
·五周年品牌焕新
作为郑州市政务服务核心载体,郑好办迎来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

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實的服務(wù)了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。