美好旅程,从「星」出发

美好旅程,从「星」出发


美好旅程,从「星」出发


美好旅程,从「星」出发


我们期待探索未知的世界,欣赏沿途的风景,我们在旅途中与惊喜不期而遇,一路邂逅有趣的人、书写有趣的故事,我们期待在旅行的终点遇见更好的自己。


美好旅程,从「星」出发


然而疫情让我们暂停脚步,我们期待重新出发,期待生活更加丰富多彩,同时我们坚信一切暂停,都是为了更好地再次起航。


美好旅程,从「星」出发


作为创意设计师,我们希望通过设计力点燃用户对美好旅行的期待,以全新的面貌与用户形成自然的连接,打造一个鼓舞人心的新世界,重新开启美好旅程。


我们的创意理念由此而浮现:


美好旅程,从「星」出发


美好旅程,从「星」出发


因此,我们将星球作为设计基础载体,以此打造属于Trip.com的美好新世界。


美好旅程,从「星」出发


随着双十二在东南亚地区影响力逐步扩大,用户已经被培养了在这个节日购物的习惯,且正好临近圣诞和新年,市场需求较高。作为一个国际化OTA,如何打造此次双十二大促,带给用户差异化的视觉体验?


美好旅程,从「星」出发


我们以品牌价值输出作为切入点。品牌的生命周期分为建立期、成长期和成熟期,现阶段Trip.com在海外市场处于建立期,在营销活动中需要对品牌侧重更多,打造活动认知,让用户记住我们,积累无形的品牌价值。


美好旅程,从「星」出发


基于项目背景我们明确了品牌、市场、业务和用户诉求,推导出打造品牌认知、增强旅行感知、强化业务感知和利益感知这4个设计目标,并进行后续的视觉设计推导。


美好旅程,从「星」出发


美好旅程,从「星」出发


01 | 构建世界观


以4个设计目标作为核心关键词进行脑暴联想,从品牌认知角度出发,提取图形符号、颜色系统、风格调性;从其他3个目标关键词中总结活动相关基础视觉元素。


美好旅程,从「星」出发


· 图形符号

品牌Logo是我们最大的超级符号,logo中圆点Omni Circle象征我们与用户的连接点,且它的轮廓与我们的创意载体星球完美契合,我们将它提取出来进行延展。


美好旅程,从「星」出发


以星球作为符号载体,在这里营造种类繁多丰富有趣的旅行新生态,为用户打造完美旅程,筑造一个独特的“旅行小行星”。


美好旅程,从「星」出发


预热期星球呈现关闭状态,通过半透明遮罩眺望里面的场景,唤起用户的好奇与期待;而随着正式期的到来,我们将星球以打开的形式展现给用户,产线及活动相关元素从星球中迸发出来,渲染热烈的活动氛围。


02 | 建立视觉语言


在构建好世界观后,我们开始搭建视觉语言系统。


· 颜色系统

从品牌色板中提取颜色,并根据活动的两个阶段做不同的配色方案。预热期是大促的第一波心智轰炸,以品牌蓝为主色大面积应用于主KV中,打造品牌认知;经过前期的铺垫,活动达到爆发期,以暖色系为主色营造热烈缤纷的氛围,同时保留一定占比的品牌蓝,强调品牌感知。


美好旅程,从「星」出发


· 风格调性

视觉风格延续品牌调性:轻量化、高质感、色彩通透;传递年轻化的视觉感知和活力美好的旅行方式。


美好旅程,从「星」出发

· 基础元素

基于用户画像提取主要人物角色:家庭、商务人士和情侣,与用户建立情感共鸣;以酒店建筑、摩天轮、飞机等产线相关元素加强品类感知;以金币、折扣券、礼盒加强利益感知,以圣诞树来烘托节日氛围,将这些元素融合在星球中。


美好旅程,从「星」出发


· 质感表现

在质感表现层面,结合半透明玻璃的设计风格Glassmorphism来体现科技感、智能感,以轻透、多彩的原则做质感输出。


美好旅程,从「星」出发


· 版式构图

将主要元素放置在版面的中轴线上,快速吸引眼球,占据视觉焦点,突出主体。


美好旅程,从「星」出发


综合以上,从色、形、质、构四个维度来定义和构建视觉语言系统,最后完成主KV及动效设计。


美好旅程,从「星」出发


画面塑造了一个活力、有趣的旅行小行星,在绚烂、梦幻的宇宙星云中闪耀,激发用户对旅行美好的向往。



预热期人物角色徘徊在行星轨迹上,带着好奇眺望星球内的场景,期待星球打开;正式期星球旋转开启,人物奔跑在轨道上沉浸其中,共同分享获得优惠与奖品的喜悦。


在叙事逻辑上将预热期的好奇与期待,与正式期的惊喜、喜悦连接起来。


03 | 界面设计


· 活动落地页

我们将品牌蓝在预热期页面高占比使用,将品牌辅助色应用在不同产线的商品模块,一方面可以做视觉区分,另一方面始终将Trip.com的品牌主张贯彻其中,通过这样的视觉语言打造品牌一致性。


美好旅程,从「星」出发


正式期页面使用多彩光感的高饱和渐变色营造缤纷的氛围,透传丰富与热闹的感知。


美好旅程,从「星」出发


· APP首页皮肤

作为全站点年底的重要活动,我们希望吸引更多的用户关注到这场营销互动中,因此在12.12活动当天,进行产品首页换肤设计,以增强活动氛围和曝光。


美好旅程,从「星」出发


美好旅程,从「星」出发


美好旅程,从「星」出发


双十二不是一次性的营销设计活动,我们将积极的成果和经验沉淀下来并复用于后续活动中,并在未来探索更有趣的场景设定,带给用户更加新奇的视觉体验,让我们一起创造美好!


美好旅程,从「星」出发


美好旅程,从「星」出发


本篇文章来源于微信公众号: TripDesign

UI/UX

达到资深设计,月薪过2万的设计师都具备什么能力

2022-4-11 8:50:00

UI/UX

58UXD 2021-2022 设计年鉴

2022-4-11 12:18:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索