城商银行

某城商行信息开发中心大概有200多人,设计团队有外包人员,且设计 、产品人员与开发团队分布在不同的楼宇,遇到设计评审 需求沟通时在两个楼之间跑来跑去,十分影响工作效率。

使用蓝湖前:

该行内部的数字资产都没有统一的管理方式。如设计图、文档等都是存放在各设计师电脑,极为分散,更新也不能及时。协作方式是先压缩设计图,上传内部邮箱,接收者下载解压进行查看。遇到问题还要反复通过微信进行沟通,十分消耗时间。

设计规范以sketch源文件进行编辑,每次更新都需要手动全员发送一次,各自再同步在自己的组件库,项目变多以后,开发为了提高复用效率,会基于原先组件库封装新组件库,带来对组件样式以及风格的魔改,涉及魔改,又要升级底层组件库,陷入一个恶性循环,花费大量的时间成本。

协作流程缺乏管理,设计价值不能体现。设计师出完设计稿后,由产品端发给开发,这个流程无形当中削弱了设计的话语权,有问题都要经过产品端的转述,增加了沟通成本不说,也无法让大家理解到设计的价值。

人工撰写代码,容易带来大量的修改bug的工作量重复性、易错性的问题,导致开发生产效率低下。

使用蓝湖后:

部署蓝湖DSM管理系统。取代源文件传输形式,项目增多时,在DSM里直接调用相关组件,减少很多重复性设计工作和规范沟通成本。降低设计风险,如行内设计人员变动(离职、调动、新增、外包)也可以保证新接手的同事能够参照设计系统快速开展工作。基于设计系统,拖拉拽可以快速地构建界面、交互和流程。可以快速构建一些产品原型或实验性的功能,来进行测试以快速验证想法。

部署蓝湖本地协作平台。打通产品、设计、开发的沟通壁垒,无需再从产品端作为信息的出口,前端工程师可以直接在蓝湖上查看设计图以及下载切图,有问题直接打点沟通,规范了产品-设计-研发的工作流,让设计师与研发直接沟通,充分发挥设计师的主动性,量化出设计师的价值。

部署DDS智能化代码生成系统,告别手动敲写代码模式。DDS通过AI识别+主流产品设计工具的强联动,自动生成全页面的前端代码,帮助开发减少页面还原时间,提高设计图落地的效率与质量。

最终效果:

蓝湖DSM规范管理系统的效果:

产品体验更统一:帮助该城商行的项目在各个平台(iOS、Android、Web)保持一致的设计语言,给产品使用者带来一致的产品体验。
组件复用更高效:设计系统归纳界面中重复使用的元素和控件,快速复用。
产品落地更专业:体系化的设计规范,指导界面布局更合理,层次更清晰,导向更明确。

蓝湖协作平台的效果:

提高产品团队协作效率:实时在线打点沟通,一键共享生产资料,加快了项目市场落地。
范产设研工作流程:三个岗位无缝对接,从产品经理-设计师-前端工程师,形成了一套完整的工作流。
发挥设计部门价值:以设计端为契口,设计师承上启下,让设计部门能充分发挥主动性,提升了设计部门的价值。
保障数据资产安全:对外包人员统一进行管理,外包产生的数据在本地统一存储,确保了数据的安全。

DDS的效果:

降低开发成本:前端代码一键生成,减少出错,避免了隐藏bug。
减少代码冗余:AI智能识别,循环代码自动去除,开发不需重复撰写。
提高界面还原:设计稿与代码运行效果实时对比,确保界面98.56%还原度。