旅游APP设计改版后很舒服,到底做了什么改进

1月 29, 2023 发表于: 视觉设计. 评论

Sponsor

前言：这是一款关于旅游APP的设计改版，为使改版的感情调性更贴近用户出游场景，团队内部及用户渠道收集了大量关于“旅行”的联想关键词，其中包括：愉悦、轻松、有趣、探索…等等。这些美好的词汇，描绘了大家对未知旅程的期待与憧憬。

智行10.0的构思与成果～

智行，作为一站式旅游出行平台，已覆盖火车、机票、汽车票、酒店等业务。近年来，以亲民的价格，智行吸引了越来越多的年轻用户，其中90后及00后占比已高达75.2%。

在前期调研中我们发现，与核心用户年轻化趋势形成反差的是，智行的界面风格调性更多被评价为“商务”、“严肃”。因此，褪去旧壳，以崭新活力之姿拥抱年轻群体是智行10.0急需探索的方向。

项目初期，为使改版的感情调性更贴近用户出游场景，我们在团队内部及用户渠道收集了大量关于“旅行”的联想关键词，其中包括：愉悦、轻松、有趣、探索…等等。这些美好的词汇，描绘了大家对未知旅程的期待与憧憬。

由此，我们提出「旅行，是对自由与快乐的向往」作为10.0升级的主线。

我们希望通过10.0升级，提升体验及服务品质同时，打破工具类产品较为沉闷的使用感受，挖掘旅行中快乐的情绪内核，以轻盈有趣的设计传递“快乐旅行，自由出发”的生活态度，做有价值有温度的OTA产品。

以此，我们确立10.0的设计目标：

1️⃣ 轻盈有序 · 打造高效预订体验

2️⃣ 情感传递 · 旅程的贴心陪伴者

3️⃣ 品牌外化 · 构建品牌记忆点

旅游APP设计改版后很舒服,到底做了什么改进

一、轻盈有序 · 高效预订体验

01. 全新10.0框架更轻量

智行始终致力于让用户订得高效、订得安心。然而扩充的业务场景和功能，使页面结构不堪重负，密集的信息和堆叠的模块影响了用户的预订体验。10.0全新框架语言，希望通过有效的视重引导及清晰的页面展示，降低操作费力度，打造高效预订流程。

💡 “轻”头部色彩操作更聚焦

色彩是影响视重的重要因素。10.0的升级中，我们将框架语言的背板色由品牌重色调整为明亮通透的浅色，有效将视重由头部转移至高频操作区，为用户营造专注沉浸的下单体验。同时，轻量的头部使页面更具呼吸感，缓解旧版“沉闷”、“商务”的视觉感受。

旅游APP设计改版后很舒服,到底做了什么改进

💡 “轻”信息展示预订更友好

清晰的信息展示可有效降低操作难度及决策成本。我们对页面信息进行分类重组，通过字号大小间距等手段扩大信息层级，凸显关键决策信息。并在有限的页面空间内，精简信息，降低信息密度，增加透气感，提升阅读友好度。

旅游APP设计改版后很舒服,到底做了什么改进

02. 全新首页结合趣味营销

首页是获悉业务种类和流量分发的第一道关卡。业务入口的清晰展示对用户查找和后续转化极为关键。新版首页在使用10.0框架的基础上，用重色光感色块衬托智行四大业务入口，增强点击感。同时我们将业务线入口作为营销载体，融入动效，使营销活动的曝光更立体有趣，为各业务线导流及增长起到了正向的作用。

旅游APP设计改版后很舒服,到底做了什么改进

二、情感传递 · 旅程贴心陪伴

我们希望智行10.0，不仅好用而且好玩，传递正向情绪价值，与用户共情，成为旅途中的贴心伙伴。我们通过IP植入、可视化以及创意的视觉唤新等手段一改智行往日“严肃”的形象，为用户提供更温馨友好的服务。

01. IP“小智” 陪你环游世界

智行IP“小智”自诞生以来，机智可爱的形象圈粉无数。在10.0的升级中，我们将它融入更多页面流程，增加情感触点，提升智行的品牌亲和力。我们结合业务场景的同时，为“小智”量身打造了俏皮活泼的动作，塑造和饱满了它的性格特点，使其焕发生命跃然纸上。

🌟 下单助手，高效操作有“我”指引

旅游APP设计改版后很舒服,到底做了什么改进

🌟 下拉刷新，一票在手，极速出行

旅游APP设计改版后很舒服,到底做了什么改进

🌟 空态场景，有“我”不再无聊

旅游APP设计改版后很舒服,到底做了什么改进

02. 全新视觉语言营造愉悦氛围

视觉语言是传递产品调性的关键要素，围绕着“轻松愉悦出行”的基调及年轻的客群特征，我们对10.0的整体视觉进行了唤新。

🎨 明快的色彩

天空是纯澈与美好的汇集，正如旅行中探索快乐的本心。我们从中寻找灵感，从智行品牌蓝延伸出“纯净蓝”，并将其作为背景色融入核心流程页面中，营造蓝天白云阳光暖煦的视觉氛围。同时，我们提高了辅助色的明度和饱和度，让页面配色更活泼。

旅游APP设计改版后很舒服,到底做了什么改进

🌈 圆润的图形

我们用简洁流畅的外形结合大圆角，使图形在视觉呈现上更灵动Q弹。叠色的表现形式起到1+1>2的效果，使图形更丰富多彩～

旅游APP设计改版后很舒服,到底做了什么改进

🏖️ 轻盈的插画

插画用简约的造型风格，聚焦核心功能点的传达。视觉上以灵动的线条，搭配轻盈的高明度渐变，展现10.0年轻活力的品牌调性。

旅游APP设计改版后很舒服,到底做了什么改进

03. 3D现实映射服务贴心友好

调研中我们发现，预订流程中，用户面对复杂功能场景，时常存在这样的烦恼：

💣 功能说明长，读得脑壳疼

🤔 看了半天不理解，迷迷糊糊下了单

😷 我是出行新手，那么多专业词看不懂呀…

常说“字不如表，表不如图”，图像在传递信息效率和容量上都是文字的数百倍。10.0的升级中，我们希望通过有效的可视化手段替代单薄苍白的文字表达，将信息化繁为简，提升智行服务的品质感及友好度。

我们结合功能为用户搭建3D场景，通过营造真实的环境氛围，将现实映射运用到功能表达中，调动用户真实生活中的常规心理认知。同时结合生动的动画，将冗长复杂的功能说明以更直观友好的方式呈现🥳。

旅游APP设计改版后很舒服,到底做了什么改进

4.趣味动效转角遇到“小惊喜”

旅行是快乐地出发，我们在下单流程中埋藏了许多有趣的彩蛋动效，为用户即将到来的旅程增添不期而遇的“小惊喜”。

旅游APP设计改版后很舒服,到底做了什么改进

三、品牌外化 · 构建品牌记忆点

打造全新UI品牌符号

品牌符号有利于品牌价值观的外化输出，为产品带来记忆点，同时高辨识度的符号能降低用户对品牌的认知成本，增加信任感和忠诚度。由此，我们结合业务属性及创意表达打造了智行全新UI品牌符号～

🌟 符号的由来

创意上我们选取智行最具代表的火车业务为基点，从产品logo出发，衍生出抽象的火车造型。以光感的主题色渐变，增强呼吸感和透亮度。

旅游APP设计改版后很舒服,到底做了什么改进

🌟 让符号“动”起来

为了更生动地展现火车迎面驶来的速度感，我们将符号“动”了起来，穿梭如风的动态不仅象征抢票的高效性，也为原本静态的页面带来一丝小调皮。我们将其应用到了底bar、一级页面切换等众多核心页面中。

旅游APP设计改版后很舒服,到底做了什么改进

写在最后 😘

智行10.0，从探索、落地、验证到上线，历时10个月。

比心每一位设计师为之付出的努力。

同时很开心，我们收获了用户对此次升级的认可和喜爱。

作者：智行ZXD设计中心
来源：智行ZXD设计中心（ID：gh_0a95e60710b1）

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

与 APP设计、UI、UI设计、设计改版相关的文章

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

旅游APP设计改版后很舒服,到底做了什么改进