京东电器年货节(数据篇)- 3CDesign

原创 3CDesigner 3CDesign 2022-03-06 20:15
收录于合集
#3CDesign3个
#数据驱动设计2个
#营销设计3个
#京东4个
#Design4个
京东电器年货节(数据篇) - 图1

前言:

此次年货节项目,我们通过项目理念、技术创新应用、技术创新价值、技术合作共创、设计组件化如何赋能商业设计、总结和心得六个方向去讲述数据技术如何驱动商业设计,寻找最优的设计和交互方案,突出设计产出,提高数据转化,赋能营销业务。本文浏览阅读大概需要10分钟。

目录:

1.项目背景:2022京东电器年货节项目,通过游戏化的创意形式打造群,事业部,二/三级会场的新年购物城市。
2.前端能力建设:通过前端专业和业务能力,以数据驱动设计,赋能设计师与营销,提高前端与设计师工作效率。
3.技术创新价值:通过年货节实际案例数据展示体现技术创新赋能全新交互体验。
4.技术合作创新共建:技术合作共建创新助力交互楼层商业转化。
5.3C Design组件平台“SHOT”-赋能商业化设计:拉通团队中业务测/交互测/视觉测/前端开发/数据复盘等角色共创3C Design组件平台“SHOT”,协助团队能够高效地完成会场设计和开发,从而达成为会场增效赋能、组件平台化、价值化和规模化的目标。
6.总结和心得:在新兴的营销IP场景中,更需要设计师利用敏锐的观察视角,立足商业本身,持续挖掘数据价值,让数据驱动设计,让商业美而简单。

一、项目背景

1.背景介绍
2022京东电器年货节项目,通过游戏化的创意形式打造群,事业部,二/三级会场的新年购物城市,创建“城市——街道——店”的场景模式,为用户创造浏览年货城市地图的体验,通过加入各事业部和二/三级会场的跳转链接,以达到为各分会场引流的目的。
2.整体创意流程:城市,街道,店
2022京东电器年货节视觉设计概念发散:开拓城市、街道、店的模式,拉通3C家电全品类,实现跨品类联合场景,构造新年“逛场”,更具生活化的场景体验。游戏化“场打造”增加氛围带入和趣味性感受,感官体验一致化,提升京东电器品牌营销认知。

二、前端团队能力建设

1.前端团队专业能力:
京东电器年货节(数据篇) - 图2
2.前端团队业务能力:
京东电器年货节(数据篇) - 图3
3.前端开发流程:
京东电器年货节(数据篇) - 图4
4.前端案例分析思考:
京东电器年货节(数据篇) - 图5

三、技术创新价值

“年货市集”城市地图创意体验】:
京东电器年货节(数据篇) - 图6
设计思考:通过全新的交互体验,打造“场景化消费”视觉沉浸感,城市地图分为预热期和高潮期,给予用户“好奇——认知——互动——喜爱——产生情感链接——期待”不同层次的体验路径,增强吸引力和可玩性。

家电:
【家电新趋势-360互动展示模块】
京东电器年货节(数据篇) - 图7
设计思考:通过新技术的加持,展现全新的交互方式,提升用户点击。
电脑数码:
【头图BI商品-一键加购】
京东电器年货节(数据篇) - 图8
设计思考:在年货节期间,头图商品采用了侧边弹出的交互方式,结合BI使触达用户更为精准。
通讯:
【页面累计签到领奖品互动】
京东电器年货节(数据篇) - 图9
设计思考:通过细节设计强化氛围感知,使页面更有趣,提升用户页面停留时长。
【优惠券包一键领取弹窗】
京东电器年货节(数据篇) - 图10
设计思考:在优惠券的设计中,融入品牌IP设计,加强氛围渲染,可以更好的传播品牌心智。
游戏/智能/配件:
【多TAB切换+商品换一换】
京东电器年货节(数据篇) - 图11
设计思考:根据类别TAB切换推荐不同主题商品,同时下方商品BI展示点击“换一换”按钮可推荐更多商品,提高楼层整体屏效。

四、技术合作创新共建

1、AR轻互动-扫手势抽奖
京东电器年货节(数据篇) - 图12
2、3D展示能力-360互动展示
交互效果呈现:
能力说明-针对既定SKU进行360环绕展示,同时可进行左右互动交互操作。
京东电器年货节(数据篇) - 图13

五、3C Design组件平台“SHOT”-赋能商业化设计

1. 介绍:
此项目旨在通过提供通用的设计解决方案,拉通团队中业务测/交互测/视觉测/前端开发/数据复盘等角色共创3C Design组件平台“SHOT”,协助团队能够高效地完成会场设计和开发,从而达成为会场增效赋能、组件平台化、价值化和规模化的目标。
京东电器年货节(数据篇) - 图14
2. 一期阶段性成果:
首先根据年货节前期组件复用申请,通过考量应用权重,筛选9款高复用率组件作为第一批次的文档沉淀。此外,利用现有资源(Joyspace+鲸盘),搭建了组件平台“SHOT”。 Joyspace为使用这个平台的用户提供组件说明、Gif展示、数据反馈、组件线框图、组件尺寸构成、高保真交互流程图、PSD分层文件、代码教程等信息。同时,鲸盘上承载了所有组件的设计源文件(pdf、sketch、psd、html/txt)以方便团队中各种角色下载各种格式文件进行复用。
京东电器年货节(数据篇) - 图15
3. 二期规划:
为确保平台内容可持续性增量迭代,从“拉新-留存-促活”三方面进行管理维护:
(1) 拉新:大促准备期宣贯(跟随活动节点)、内容刊物邮件(月度)、其他事业部和知识平台分享会(季度);
(2) 留存:入库流程宣讲、新组件入库与复用(每次促销活动一周内);
(3) 促活:复用率和数据复盘(每次促销活动一周内)、专项组件方案征集(季度)、活跃度&贡献量评优(年度)。
京东电器年货节(数据篇) - 图16

六、总结与心得

在设计时,我们需要了解引起用户反应的实际事实,遵循学习周期-识别并修复产品中最严重的问题,收集反馈并进行相应的迭代。从研究中获得的数据将推动设计决策制定并产生巨大影响,通过数据了解用户,利用数据去理解用户行为,为设计提供辅助参考,帮助设计师在正确的方向上推动设计,通过测试,迭代和一致的反馈循环,将不断发现更多见解,以数据驱动的设计为有价值的产品提供信息。
最后感谢团队的小伙伴们作出的努力,我们一起加油,一起让数据成为驱动设计的最好佐证和动力!
京东电器年货节(数据篇) - 图17
THANKS.

微信扫一扫
关注该公众号