文章
文章圈子用户

【项目总结】2020热8购物季







此次热8会场区别于去年风格，针对z世代年轻用户，主打年轻化调性，活动主打带电品类（数码3c），潮货品类、以拉动更多的95后年轻用户为重点目标，推出直播、明星等多种玩法。

一、项目背景

1）项目概述

活动主打带电品类（数码3c），潮货品类、以拉动更多的95后年轻用户为重点目标，推出直播、明星等多种玩法。全场景以年轻、潮、火热为关键词，重点突出年轻潮酷调性，15、18两个bigday增强促销氛围。

2）业务&交互诉求

业务：提升重点品类的营销转化的核心目标，同时带动整体gmv提升，并高效达成流量分发。
交互：结合品类，场景化方式包装不同的圈层内容。通过头图动效、自由（非货架式）排版，塑造年轻潮货的风格。

二、设计思路

1）关键词提炼

通过对项目背景和业务诉求进行分析，提取z世代年轻群体关键词“GEN-Z、 圈层文化、潮牌&潮玩、标签、个性原创、种草点赞、品质感”进行思维发散。
【项目总结】2020热8购物季

2）视觉风格探索

从近年年轻受众的热门综艺以及潮酷时尚的设计趋势来看，杂志式的排版形式，结合插画的表现更符合年轻潮酷的主题。
【项目总结】2020热8购物季

三、设计发力

1）年轻时尚化视觉调性营造

1.1、视觉符号提炼
【项目总结】2020热8购物季
①火焰元素图形——火热概念的表达
②环形文字&joy——体现京东品牌印记
③串标图形&重复文字排列——潮流时尚设计趋势以及潮牌代表元素。

1.2、右对齐的杂志式排版。
【项目总结】2020热8购物季

1.3、插画风格锁定
前期对人物风格进行了不同风格的尝试，①极度夸张四肢的轻质感风格，动作夸张，但潮酷感稍弱；②以及可以更精细的刻画人物着装的微线描的风格，但试稿动作偏静，画面张力不足。
【项目总结】2020热8购物季
最终决定采用线描风格，在保持线描风格细节的同时，结合第一种动作，来表现画面张力，人物着装结合时下潮流的潮牌单品爆款，体现潮酷的感受，结合品类表达场景主题。
【项目总结】2020热8购物季

【项目总结】2020热8购物季

呼应主题的的背景塑造，使用同类色降低明度弱化背景，衬托展示人物商品，突出文案信息。
【项目总结】2020热8购物季


1.4、重点核心模块塑造
【项目总结】2020热8购物季

【项目总结】2020热8购物季

2）头图lottie微动效输出

为了提升画面的可看性和生动性，突出角色，前期规划人物采用微动效进行设计。

为了提高用户体验的流畅性，对人物的可动组件进行拆解，以lottie动画的json格式进行输出，方便前端调用，节省开发成本。相比MP4的格式lottie动画占用资源更小，更流畅性。
【项目总结】2020热8购物季

3）全时期场景兼容性以及风格延续性

3.1、主会场
因为本次七个头图同时上线同时可以进行切换，为了切换后保证视觉统一，兼容七种配色的场景。
整体色调采用黑色进行设计，同时也更符合潮酷个性的主题。
【项目总结】2020热8购物季

【项目总结】2020热8购物季

3.2、分会场
本次活动主打带电品类、潮货品类，该品类事业部自身设计资源充裕，因此分会场模板设计在延续主kv风格原则上，规范轻约束化开放80%自由设计区域，同时提供2套头图示意供其他事业部延展设计；8.12分会场上线后走查，平均及格率95%。
【项目总结】2020热8购物季

分会场优秀案例集锦：
【项目总结】2020热8购物季

3.3、分会场品牌会场
品牌会场延续主kv元素和分会场风格，强化会场的品质感，增加镭射元素，凸显潮酷主题。
【项目总结】2020热8购物季

7天头图的延展
【项目总结】2020热8购物季

【项目总结】2020热8购物季

3.4、分会场榜单会场
本次活动主kv识别度包容度提升，页面展示效率，信息层级明确合理，突出主题和商品，加强活动氛围感。原子场景的契合和优化。
【项目总结】2020热8购物季

四、总结

1）项目问题

1.1、由于本次活动视觉进场较晚也相对紧急，在交互初稿确定时，视觉对项目背景了解相对较少，后期又和业务同学进行了沟通并对项目背景进行了解，设计风格最终采用插画风格，在有限的时间内需要完成插画头图、动效、tab楼层、外包规范等所有设计工作，使项目的容错率大大降低；

1.2、前期人物的插画风格有些走偏，在与同事沟后，对风格进行重新校对，走了一些弯路，导致后期工作的压力增大，输出给前端的时间也相比排期略有滞后。希望今后可以对活动有相对充足的准备思考，对项目的风格构思的精准度也需要提高。

2）未来规划

热8作为针对95后年轻人群的项目，设计风格今后可以做更多的年轻化尝试，和时下年轻人流行元素相结合，紧跟时代潮流。在表现手段、呈现形式和切换效果上做更加深度的研究和更加创新的尝试，吸引年轻用户眼球。

本篇文章来源于微信公众号:京东设计中心JDC

京东设计中心JDC
UI/UX

设计师的团建.JPG

2020-9-11 9:55:27

UI/UX

Hiiidea第一天的精华都在这里了！（上午场）

2020-9-11 22:41:06

0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部