2021智行春运活动历经1个月左右的时间终于逐步上线,特此整理了整个项目的设计回顾和总结,从设计构思到视觉展示,感谢小伙们的辛苦付出和高效协作,欢迎交流探讨!
项目前期阶段,先从2020年春运活动的项目优势点及薄弱点中,寻找2021年的设计发力点,进而确定本次活动的设计方向:
视觉符号: 强化智行视觉感知,提取活动的视觉符号;
潮流感: 项目整体视觉风格潮流化,营造活动的潮流感;
统一且差异: 整体统一,但各系列会场色相拉开对比,具备差异。
**
确定设计方向后,从三个部分对春运活动进行设计推导:活动拆解、prd梳理、设计指引-关键词、目标、风格。
1. 活动拆解
带着2021春运活动的视觉优化方向,基于春运热点时期,打造春节营销活动低价和回家智在必行的用户认知,结合活动主题/背景/业务诉求/用户群体/用户诉求/活动类目/活动玩法7个维度,对智行整体的春运活动属性进行拆解,也有利于火车票、机票、会员、增长等业务线把握活动的总体方向。
2.prd梳理
对活动有基础的了解后,从主题文案、信息层级、交互逻辑、链路完整4个维度对活动的prd进行梳理优化。
3.设计指引
a.关键词推导
结合2021年春运活动优化方向、活动拆解的7个维度及prd梳理过程中的要点得到我们本次活动的关键词。
b.设计目标
由关键词梳理得到本次活动的设计目标和活动的统一基调:即通过营造符合智行视觉感知的新潮春节氛围,突出回家智在必行的促销感知,体现火机酒汽的业务属性,明确系列活动的统一性和差异性,从而促进用户流量的转化,助力活动目标的达成。
c.风格探索
带着设计目标、活动基调关键词,进行风格参考的探索,找到了三种符合本次活动调性和关键词的参考:线描古风/轻量伪3D风格/C4D风格。
根据本次活动的投入产出比、设计趋势、设计师擅长方向及风格的延展性等客观因素的考量,确认了符合本次活动的风格方向:**轻量感伪3d的视觉风格。
*
以春运日历为例,详细说明从草图到最终定稿设计过程(有网络图片参考)
1. 草图
确定参考风格之后,开始进行创意草图输出,共出了3个方向的创意草图,综合考虑业务元素的突出强度,文案信息的清晰传达,前中后景的空间层次等维度,确定了本次春运抢票日历的草图。
2.视觉五维度
a.颜色
活动配色上采用了符合春运传统认知的红,结合了潮流趋势的选择,色相上往紫色靠拢了些,更符合活动的轻量感受。然后再用品牌蓝做点缀,突出智行的品牌色,最后根据我们风格参考方向和活动的促销属性,定下了高明度的颜色选择。
b.形状
根据我们本次活动的slogan“回家智在必行”,再结合我们抢票的的活动属性,提取了一个“回”字作为智行特有的视觉符号。又基于春节活动的特有元素,考虑到我们的出行属性,选取了符合春运团圆寓意的灯笼作为辅助元素。
c.字体
沿用智行品牌设计字体,加深用户对智行视觉的感知。同时在设计表达形式上采用了厚度纵深的字体效果来突出文案信息,使文案信息传达的更清晰。
d.质感
质感上主要考量的是轻量感伪3d风格,质感光影感受强,兼和软硬光的混合使用塑造活动的品质感受。
e.构图
基于背景“回”的视觉符号,整体采用居中构图使视觉更为聚焦,可以更加突出的展示业务主体元素,底座的“回”形也对视觉符号进行了强化,周围飘散的灯笼和祥云进一步烘托了活动的春运氛围。
1.视觉输出及“回”字符号应用
-春节抢票日历输出-
“回”字视觉符号应用
整体春运活动围绕 “回家智在必行” 的slogan展开,所以在视觉呈现的多层面,都将从slogan中提取的 “回” 字的视觉符号融合贯穿其中,不仅仅是在活动的头图视觉,也包含在分割组建/页面元素/吸底按钮等都有体现。
头图 :背景和底座大面积强调本次活动提取 的“回” 形状视觉符号;
分割组建 :以活动业务主体的火车和回家智在必行提取的“回”组成分割组建,在分割页面传达业务的同时,也对我们智行视觉符号“回“进行了强化;
吸底按钮 :吸附于页面底部,视觉形式上强化了“回”的视觉符号;
页面元素:采用了“回”字的形状,对智行视觉符号“回”进一步强化,与主页面保持统一。
2.视觉规范及其他视觉输出
a.视觉规范制定
春运活动是各业务线联动活动,在拉开视觉差异性的同时,也要确保整体活动视觉的统一性,因此制定活动设计规范,确保各业务线视觉的稳定输出。
1 : logo+slogan——位置、大小、样式固定不可修改;
2 : 主副文案区域——不可修改字体及效果样式,可更换颜色;
3 : 主体——可根据业务线替换,不可更换逆光光源方向;
4 : 氛围元素——可根据视觉舒适度更换与活动属性相关元素;
5 : 分割组建——固定元素,非必要不可修改;
6 : 楼层条——位置、样式、大小固定不可修改,可根据业务线配色调整颜色;
7 : 卡片——位置、样式、大小固定不可修改,可根据业务线配色调整颜色;
8 : 吸底按钮——样式固定不可修改,可根据业务线配色调整颜色或大小;
b.其他业务线视觉输出
至此,基于打造 “回家智在必行” 用户心智的2021年智行春运活动顺利进行,采用了轻量感伪3D的视觉风格,融合了智行特有的“回”字视觉符号和春运期间促销活动优惠感知整体输出。后续我们还会继续跟进项目数据的回收情况,复盘总结。致力将设计赋能产品,深度思考如何更好地了解用户,贴近产品,传达我们的设计理念。
最后 ,祝大家在2022年,和智行一起,不断超越自己,越来越好!
**
往期文章,你可能也感兴趣
—
元宵|三五良宵,花灯吐艳**
元旦|新年已至,万象更新
冬至|寒影初回,岁末将至
小雪|芦叶暗暗,白鹤嘶鸣