指尖政务 | 郑好办APPv6.0改版设计复盘

Recommanded by editor
郑州/设计爱好者/103天前/741浏览
指尖政务 | 郑好办APPv6.0改版设计复盘Recommanded by editor
大家好,好久不见!今天来聊点设计吧~
近期完成了郑好办6.0的改版,此次改版是郑好办上线以来比较颠覆的一次改版。中间还经历生病住院,断断续续完成,虽然时间比较紧张但还是收获颇多。抽空将我的经验所想写下来形成文字图片,与大家进行交流,欢迎批评指正~
*此次感谢数郑的天鹏同学的全程跟进与动效设计
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
改版背景
·五周年品牌焕新
作为郑州市政务服务核心载体,郑好办迎来5周年关键节点,需通过视觉升级强化品牌城市形象。
·运营需求激增
平台上线3000+项事项服务,业务量倍增。营销活动缺乏统一载体,界面模块堆叠导致视觉“过载”。
·用户场景多元化
生活服务与政务功能混杂,信息架构臃肿,用户路径混乱。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
产品现状
·视觉陈旧
产品沿用传统政务平台深色系,缺乏年轻化表达,且页面视觉差异化较大,品牌感弱。
·功能混杂
政务办事服务与生活服务未分层,用户认知负荷高。
·框架过载
5.0首页承载10+个功能入口和多个营销位,信息密度超载。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
改版思路
围绕“郑好办,事事都好办”的服务承诺,聚焦破解企业和群众办事“难点”“痛点”,成功实现从“政务服务平台”向“城市生活服务总入口”的战略跃迁。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
1.核心理念
政务/生活双入口:
政务服务的严肃、规范性与生活服务的便捷、多元性存在本质差异,故在 APP 中明确区分二者。这既能让用户在办理政务事项时,感受到专业、严谨的服务氛围,又能在享受生活服务时,体验到轻松、愉悦的使用感受。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
2.
框架优化
通过对框架和功能的重新梳理,将原来的首页、办事、资讯、生活、我的板块分为郑好码、办事、首页、生活、我的,隐藏低频资讯板块,聚焦办事和城市生活,服务体验全面跃升。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
设计目标
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
设计关键词
结合上述问题分析及优化点,我们从中可以提取出本次改版关键词
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
设计执行
1.品牌视觉焕新
郑好办6.0 的主题是“郑式生活”,它的变化从 APP 新图标开始
——更年轻、更具活力的红色
新标识在保留原特征和风格原则下进行造型细节调整。将品牌色由以往较为深沉的红色,调整为更具活力与现代感的明亮色系。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
简化图形结构:
新标识整体轮廓减少了矢量节点、调整了曲线之间相接的流畅度,一气呵成,以产生更轻量利落的视觉记忆。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
优化切口造型:
针对原标识锋锐的尖角切口进行统一圆角改良,使新图形整体线条弧度更律动,更具亲和感。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
整合视觉元素:
将原来背景上的郑州标志建筑“二七塔”,融入到字体logo中,整体更纯净,使用场景更广泛。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
2.品牌色
呈现了全新的郑好办色系,品牌色采用了logo红色色系。与生活场景的蓝紫多彩色进行搭配。在保证质感的同时,又使得 APP 整体氛围更加轻快、活泼,符合年轻化的设计方向。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
APP应用场景
1.重构首页布局  
郑好办始终致力于让用户“好办快办”。随着业务的不断拓展,政务服务与生活场景交叉导致用户认知混乱、营销模块无序堆叠干扰核心办事路径。6.0全新框架语言,将以“政务·生活双轨重构”为突破口,重塑城市数字化服务体验标杆。
轻量头部导航
头部作为首页的一个重要区域,6.0版本升级中,将框架语言的背板色由政务的深蓝色调整为明亮的透明白,有效将视觉重心转移至核心功能区。同时,轻量的头部使页面更具呼吸感,缓解了旧版 “传统” 的视觉感受,让整个页面看起来更加清爽、舒适。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
双轨首页设计
新版首页在使用 6.0 框架的基础上,进行了大胆创新。在顶部用醒目的色块区分政务及生活两大入口,政务入口采用品牌色,体现政务服务的庄重与权威;生活入口则选用明亮活泼蓝紫渐变,激发用户对生活服务的探索欲望。鲜明的色彩对比增强了点击感,使用户能够快速准确地找到所需入口,从视觉上强化了政务与生活服务的区分理念。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
2.优化办事功能  
旧版办事页面层级较混乱,核心功能不够突出,影响用户的办事效率,且设计维护成本高(每项事务都需设计相应的视觉元素)。新版页面将侧重优化信息层级,对关键信息进行有效曝光,有效利用头部空间并且让视觉更通透。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
3.我的页面
各功能入口已不能满足业务需求,对于用户关注的核心功能不够突出。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
情感化融入
1.政务男孩设定
我们希望郑好办成为市民的“城市综合服务平台”,所以我们将政务男孩融入APP的页面操作流程,增加情感触点,提升郑好办的品牌亲和力,让政务服务更有“人情味”。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
IP形象初期尝试从郑州相关元素出发-熊、锦鲤、杜甫、玉米。相关性都不是很大,最后设定政务男孩作为APP的小助手进行情感化设计,IP将会继续尝试别的方向。
2.情感化设计
政务页引入动态政务男孩在金刚区进行强化引导;生活服务页-政务男孩发券领券,采用动效吸引用户注意力,促进消费券领取;生活办事页-常驻顶部增加页面趣味性;个人中心页-客服及头像融入,保证页面统一。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
3.闪屏页
首次下载使用郑好办6.0版本时提示用户使用的的全新版本,默认闪屏设计使用政务男孩及新的logo,增加亲和力和品牌感。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
设计沉淀
针对郑好办6.0,建立设计规范文档和组件库,可以让项目设计按照统一规范使用,提升整个产品的视觉交互一致性,减少开发样式,提升开发效率。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
复盘总结
1.用户反馈收集与分析
在郑好办APP6.0上线后,通过各种渠道广泛收集用户反馈,主动了解用户对新版APP的满意度和期望。将用户反馈分类为界面设计、功能操作、服务内容等,针对每一类问题进行分析,为后续优化提供有力依据。
指尖政务 | 郑好办APPv6.0改版设计复盘
Collect
2.经验总结与未来展望
▎设计规范验证:
此次改版建立的统一设计规范在实践中得到了一定验证。在字体、字号、色彩、图标样式等方面的统一,让 APP 各页面和功能模块呈现出较好的一致性,提升了整体专业性。
但部分规范在特殊场景下适应性不足,比如在小屏设备上,部分字号的显示效果欠佳。后续将针对不同设备屏幕尺寸,细化字体、图标等设计规范,增强规范的灵活性和适用性。
▎视觉语言适配:
品牌 logo 升级和品牌色调整在视觉焕新上取得了不错效果,新的设计更符合年轻化趋势,也增强了品牌辨识度。
在实际应用中,发现部分辅助色与主色调的搭配在部分页面中视觉冲击力过强,给用户带来一定的视觉压迫感。未来会进一步优化色彩搭配方案,通过调整色彩饱和度和明度,使视觉效果更加和谐舒适,同时保持品牌特色。
▎未来展望:
在后续迭代的版本中,郑好办 APP 将持续创新,不断提升服务质量和用户体验,为郑州市民提供更加便捷、高效、优质的数字化服务,助力郑州市数字化城市建设迈向新的高度。
END
31
Report
|
32
Share
相关推荐
UI-项目总结
UI-项目总结
UI-项目总结
UI-项目总结
作品收藏夹
19年插画作品节选
Recommanded by editor
今天你画画了吗?
Recommanded by editor
英特尔创意设计PC-暴力美工
Recommanded by editor
内容含视频
近半年的集合
Recommanded by editor
4月画画【日作】
Recommanded by editor
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一梦大唐·长恨歌
Homepage recommendation
华为项目——Ai智慧网图
Homepage recommendation
相关收藏夹
UI-项目总结
UI-项目总结
UI-项目总结
UI-项目总结
作品收藏夹
A-作品集
A-作品集
A-作品集
A-作品集
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
作品集收藏
作品集收藏
作品集收藏
作品集收藏
作品收藏夹
公务用车
公务用车
公务用车
公务用车
作品收藏夹
UI界面
UI界面
UI界面
UI界面
作品收藏夹
大家都在看
Log in