咕噜噜

有驾是百度旗下汽车信息与服务平台,累计用户超5.3亿,致力于为用户提供真实、可靠的看选买车服务,以及为车企和经销商提供从品牌到效果的一站式互联网营销解决方案。

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

一、什么是“有驾在现场”

有驾是百度旗下汽车信息与服务平台,累计用户超5.3亿,致力于为用户提供真实、可靠的看选买车服务,以及为车企和经销商提供从品牌到效果的一站式互联网营销解决方案。

车展对有驾来说是一个流量爆发的大事件,2021年广州车展期间有驾品牌全网曝光累计6.3亿次,创历史新高。而【有驾在现场】是百度有驾历年车展系列活动沉淀下来的品牌IP,已经成为活动固定的品牌标识。

图片

 

二、借势大事件,打造车展品牌全案

借势车展的关注度与影响力,我们想要通过分析调研总结,对本次车展进行视觉定调,建立品牌识别体系,沉淀专属有驾车展活动的品牌符号和印记;进行线上线下联合推广来打造有驾车展品牌全案,提升有驾的品牌影响力;优化活动体验来为平台进行引流,让用户对有驾产品有更明确的认知。

同时由于车展项目涉及跨部门合作,我们希望可以通过车展品牌全案,统一不同分工输出的设计物料视觉一致性,以达到提质增效的目的。

图片

以打造品牌全案为出发点,我们梳理了以下项目计划。

图片

同时,通过有驾用户画像分析,建立用户标签,分析用户属性及偏好,以更好的触达用户。数据显示有驾APP大部分用户为常驻中高线城市的年轻男性,经历着数字化信息时代的便利,同时也受到更好的教育和各界多元的文化影响,更大胆更容易被新的东西所吸引。

 

三、分析项目现状总结优化点

根据过往车展项目分析,总结发现存在品牌识别度较弱且没有统一规范、品牌统一性较弱导致用户认知成本较高等问题。

图片

 

四、提炼品牌关键词

根据用户画像及现状分析,明确业务需求,通过脑暴的形式罗列品牌关键词,基于品牌DNA对有驾车展进行视觉升级需挖掘符合核心用户的语境语言和视觉偏好,提炼出品牌关键词,根据关键词规范可延续的品牌元素,打造清晰的品牌全案以更清晰的指导后续视觉设计工作。

图片

 

五、视觉定调

根据关键词确定了以赛博朋克风格为视觉基调,通过三维建模搭建北京地标建筑场景,搭配大胆的配色和新颖的元素样式打造潮流个性且具有未来感的视觉画面,匹配车展品牌的创新理念。

同时,在活动玩法方面,通过优化活动玩法,多条件激励用户给予用户沉浸式的体验。

图片

 

六、建立品牌体系

确定基础视觉调性后,我们通过形色质构来规范和输出有驾车展品牌vi规范,建立有驾车展品牌体系,以提升视觉的产出效率,确保线上线下视觉输出的一致性。

图片

 

七、品牌LOGO

【有驾在现场】是有驾多年延续下来的品牌基因,本次车展也将继续夯实品牌资产,进行优化升级传递品牌调性。

由于旧版的字体圆角等设计样式相对柔和,不能准确表现本次车展视觉调性。为了传递有驾车展的潮酷、未来感,设计上将旧版文字加粗,圆角调整为直角,并进行一定的倾斜处理,使字体展现更加果断硬朗;同时,我们将部分笔画进行连接,让字体充满动感或速度感;最终的字型效果运用有驾品牌蓝绿色光效以更好的与画面结合。

图片

 

八、色彩尝试

由于整体风格参考赛博朋克,配色方面基于有驾品牌色进行延展,辅助色起到平衡主色的冲击效果、活跃视觉,释放潮流激情,突出重点模块;元素上尝试渐变色丰富元素样式。

图片

 

九、组件化通用元素

通过组件化通用元素,不同物料可以快速复用,节约设计成本,解决整个活动的视觉一致性,同时可以沉淀设计资产。

图片

 

十、车展主KV

根据关键词【未来感】【年轻化】分析适合有驾的设计风格和调性,通过三维建模的画面表现形式,构建充满科技感的赛博朋克画面,打造潮流科技的有驾车展基础场景。

主视觉场景设定为高楼耸立的公路上,有驾跑车向“有驾在现场”北京车展活动现场飞驰。充满速度感的跑车、霓虹灯牌、高楼大厦色调和质感的碰撞,传递出一种直观的科技感,引领新时代年轻用户和有驾一起驶向未来。

根据上述的内容进行车展主kv的场景设定,输出了草图方案。

图片

整个场景围绕“有驾在现场”进行设计,融合车展相关元素,渗透品牌标识。

采用3D和2D相结合的形式,用C4D进行场景搭建,OC渲染器进行灯光材质的渲染,反复修改调整场景布局、元素等,最终输出三维设计图后进行PS后期,输出最终的主视觉。

图片

根据以上内容,输出了对应的车展VI规范。

图片

 

十一、车展专题页

根据主KV及VI规范进行专题页的延展,部分内容复用过往车展框架模块。

新增了导航栏设计,便于用户快速跳转到感兴趣的内容模块,导航图标大胆创新尝试渐变色融合的配色形式,让扁平的图标有更加丰富的呈现。在保证阅读效果的前提下,标题样式、页面元素及配色上更加潮酷。

图片

 

十二、集卡分百万 引流活动

过往集卡活动不仅与产品、车展契合度高,并且收益明显,因此本次北京车展活动将复用、优化集卡类活动,让用户沉浸式集卡,从而提升用户活跃及量级。

图片

在玩法方面,本次集卡活动延续过往活动做任务得车卡的主玩法,优化活动体验,新增了合成稀有卡可参与大转盘抽奖的玩法以激励用户集卡,同时设立了车展大众日,在当天进入活动的用户可以获得现金红包,以此来激励用户回流,丰富活动玩法。

图片

集车卡活动的主视觉元素及配色是依据vi规范,保证整体品牌调性的统一;普通靓车卡背景延续主视觉背景,稀有卡尝试不同配色和场景凸显其特殊性。

图片

除了专题页和集卡活动,线上还包括端内社区活动设计,整体视觉调性都与我们输出的车展品牌vi保持统一。

图片

 

十三、倒计时海报

为了给车展开幕造势,我们尝试复用主KV的三维建筑模型,将倒计时1、2、3与不同视角、不同配色的场景相结合,整体风格和车展主视觉保持一致,输出了三张倒计时海报,丰富了整个项目的宣传内容。

图片

图片

整个车展项目除了线上运营活动、造势海报,还有线下展会宣传物料及其他第三方输出的设计物料,整体视觉调性都是基于我们输出的车展品牌VI进行视觉延展,保持统一性的同时,又各自有不同的视觉传播效果。

图片

 

十四、总结

【有驾在现场】作为百度有驾车展品牌活动,我们通过未来感、年轻化、体验感三个维度来塑造有驾车展系列活动的品牌调性,搭建了基础风格,建设三维赛博朋克高品质主视觉,视觉元素细节惊喜感打磨,通过优化活动玩法进行引流,沉淀出新的大事件视觉设计思路,打造了有驾车展品牌设计全案。

未来我们的思考不仅仅只局限在视觉的表现上,还要继续挖掘品牌系列化活动的延续性与独特性,同时更要通过合理的情感互动建立和用户的链接,为品牌长线发展提供更多价值。

 

原文地址:百度MEUX(公众号)

作者:设计中台

图片

转载请注明:学UI网 » 有驾在现场 车展品牌全案设计【百度】

登录收藏
 
你可能喜欢的:
“企业微信”的20年:腾讯是如何连接人和企业?“企业微信”的20年:腾讯是如何连接人和企业?
设计师能力建设(4):设计评审会设计师能力建设(4):设计评审会
设计师如何不花钱学习?设计师如何不花钱学习?
如何通过设计语言手册来传递品牌理念!如何通过设计语言手册来传递品牌理念!
花了三天扣的设计细节,回头看真的值了!花了三天扣的设计细节,回头看真的值了!
卡片式设计 | 掌握这些技法,快速提升界面效果!卡片式设计 | 掌握这些技法,快速提升界面效果!
设计师能力建设(3):管理能力设计师能力建设(3):管理能力
基于智能座舱场景的用户体验设计基于智能座舱场景的用户体验设计
打造诗词视听盛宴,传承古典文化之美 | 百度教育打造诗词视听盛宴,传承古典文化之美 | 百度教育
设计师的能力建设(2):思考能力设计师的能力建设(2):思考能力