Trip.com 品牌更新

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
5878 22 385 2019-03-19


Image title




Trip.com是一家提供一站式旅行预订服务的公司,且网页端和手机端都在全球范围内支持高达19种语言。为了进一步体现Trip.com的品牌视野和进一步实现我们的核心价值观“ Non-stop travel mate”成为用户的旅行伴侣,我们创造了一套全新的、独特的、而且易于识别的品牌规范。这次的品牌升级旨在统一我们的品牌图像,传达用户的故事,并且融入更多的精彩的旅行体验。那么现在,请观众坐好,让我们做我们最擅长的事,带你踏上这段旅程!




Image title




那么作为品牌升级的一部分,我们决定通过强调我们的域名Trip.com,让我们的品牌本身成为旅行的代名词,更重要的是,以此为名,使名称成为品牌的最大资产。


Non-stop, your travel mate

Trip.com 是一家考虑用户整个旅行体验并提供解决方案的旅行供应商,作为一个一站式商店平台,Trip.com希望能够满足客户的所有旅行需求。Trip.com的目标是出现在旅行之前,旅行中,和旅行结束后的各种场景中,并且是在全球的任何地方。Trip.com致力于成为所有消费者在旅行中想到的第一件事,不论他们身处何地或置身于哪一种情况:是否错过在机场的航班;被困在一个所有酒店都已经被订完的城市;又或是需要预定其他交通工具的时候。




Image title




Omni Circle

由于“Trip”本身就是品牌的终极价值和实力,它承载着品牌为用户提供的无数故事,价值观,记忆和信息,当“Trip”后面跟随“Omni Circle”的时候,Trip.com这个品牌名称的独特性和价值才得以体现。




Image title


Image title



品牌语言

在与用户沟通的时候,我们的品牌语言至关重要,目前我们已经将它转化为清晰,简单和大胆的,而“Omini Circle”也在传达我们品牌独特性这一点上承担着重要的作用。





Image title




字体

正是因为Trip.com目前通过网页和app已经支持高达19种语言,所以在不同语言场景下有一个统一的视觉感受是至关重要的。




Image title


Image title


Image title


Image title




辅助主题

通过“Omni Circle”的展开也自然的形成了这次品牌更新的Sub Motif,正是因为前文提及的“Omni Circle”所赋予的意义,它同时也可以成为向用户展示故事和内容的窗口,而这样多种展示方式也有助于拓宽品牌的视觉表达形式。




Image title




图标

图标的样式也是通过提取logo中的细节重点来确定和制作的,如下图所示,整组图标都是根据logo元素和统一制定的规则来制作完成的。




Image title

Image title

Image title




插画

正是因为Trip.com针对的是全球用户,我们采用的插画正是代表着生活在不同国家/地区,拥有不同种族和国籍,说着不同的语言的来自世界各地的不同的独特的个体。




Image title

Image title

Image title




动效

动效的灵感则是来自于,我们在旅行中会或多或少会接触到的那些显示着目的地,给旅客提供他们想知道的准确信息的出发告示板。采用这种方式的动效,正是希望展示,Trip.com也像这些告示板一样传达给用户需要的和准确的信息。




Image title

Image title

Image title

Image title




实际使用案例


Image title

Image titleImage title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title














全部评论:22

  • 2019-04-11 16:47

    不错的设计,但汽车纵向撞色有安全风险,超级赞,加qu)n:【583】【915】【450】,每天晚上八点免费公开讲解课哦,很适合零基础,群文件有PS、AI软件下载,教程视频。

  • 牛反绒

    2019-04-10 17:31

    好东西啊。喜欢,超级赞,加qu)n:【583】【915】【450】,每天晚上八点免费公开讲解课哦,很适合零基础,群文件有PS、AI软件下载,教程视频。

  • 住在空城的人

    2019-04-10 10:39

    @伊高国: 其实就是方便监控,读取车的信息,如果是两种对比色,就会判断是两辆车

  • 伊高国

    2019-04-03 10:04

    @Walrin: 这是为什么?为什么汽车纵向撞色会有安全风险

  • 超级叶

    2019-04-01 11:36

    very very very nice

  • 绿豆汤加蛋

    2019-03-28 11:38

    难得一见的好作品

  • Walrin

    2019-03-27 16:02

    不错的设计,但汽车纵向撞色有安全风险

  • 潇必胜

    2019-03-27 11:37

    这个“omni circle”的omni是什么含义呢?

  • 煮土豆儿呀

    2019-03-26 13:06

    !!

  • 煮土豆儿呀

    2019-03-26 13:06

    好喜欢

  • GT_DS

    2019-03-25 09:51

    @行鱼流水: 不同部门 赚点差价~

  • jetris

    2019-03-22 20:29

    赞,就喜欢这种感觉

  • 夏天的剪刀手

    2019-03-22 11:11

    @michelle·E: 这不是我们的佳敏姐吗

  • hxzsky

    2019-03-22 09:25

    很强~

  • Houng弘后

    2019-03-21 19:35

    专业~

  • Trip.com

    2019-03-21 16:31

    @行鱼流水: 设计的平台,我们聊设计更多些,你的feedback,我们会记录下来反馈给团队。谢谢。

  • 行鱼流水

    2019-03-21 15:05

    为什么繁体中文版选择language时没有简体中文版选择?但其他语言的时候却又简体中文选择,这是什么意思?我试着在不同版本上输入上海到香港的机票价格,都以人民币CNY来结算,但是显示从1255到1276不等,但为什么携程中文版显示是1331,都是含税价,同一个航班,这个差距有点大啊,光形象设计是不够的啊

  • 面包哥JaZ

    2019-03-21 13:55

    针对国际市场,看起来是更高端了

  • Db_z

    2019-03-21 12:49

    机场的广告图感觉人物和背景比较硬。整体视觉很喜欢

  • michelle·E

    2019-03-20 22:03

    Trip.com全体设计师接受大家的反馈,让我们将设计做的更好。

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票