Eco friendly travel website UX design

Travel to Change 带给我们的是一个伟大的愿景。他们即将成立一家专注于生态旅游和可持续旅游服务的国际旅行机构。我们被要求深入挖掘旅游网站的数字产品设计,并展开研究游客如何选择在线预订旅行。这引出了一批用于新兴网络服务的高保真原型,以及品牌身份和代表性商标。

该项目从研究阶段开始,此阶段我们仔细观察竞争对手旅游网站,以及不同世代的不同旅行习惯。与许多拥有丰富信息的旅游网站不同,Travel to Change 的用户体验必须大幅度精简。我们还调查了旅游网站用户体验设计研究,这些研究已经拥有很多关于这个主题的数据。

在这个项目中我们如何开发出概念,方式与我们的任何其它网站相同。这是一个迭代的过程,我们和客户定期交换意见反馈。我们还进行了一项在线调查,以听取目标受众的观点。

主页

旅行者在他们的旅行预订体验中能够将活动与住宿结合起来是非常重要的。我们在主页的搜索部分以及列出独特卖点的下一部分均明确了这一点。

为了激励尚未计划其旅行的访客,我们安排了一个部分可以链接到一些鼓舞人心的旅行指南和旅行故事。其原因在于我们的研究结果。我们能够确认在不久的将来,那些最富裕的目标受众,即所谓的“千禧一代旅行者”,在很大程度上受到其他旅行者所写内容的影响。此类内容也称为用户生成内容

Travel to Change 的主要概念很明确。旅行者将会在体验世界的同时做了好事。我们的想法是,通过我们将以邮件形式发送的报告,让旅行者了解到他们的旅行资金实际上是如何对世界产生影响的。作为这个想法的一部分,我们决定将订阅新闻邮件放置于首页作为一个销售因素。

我们的理论是,那些尚未预订旅行的网站访客,将会因为对报告的好奇心和想做好事的意愿而成为邮件订阅者。该理论在研究阶段得到了支持。

UX design eco-friendly travel website
The hi-fi design for the home page of the eco-friendly travel website.

购物车概念 – with a twist

用户在网站上选择的住宿和活动最终将进入购物车。或多或少像一个电子商务网站。但我们没有使用术语 “购物车”,而是决定将概念更进一步,用一件更合适的东西来代替 – 行李箱。毕竟,您在旅行前购买的所有物品,以及您带回家的所有物品,最终都会放在行李箱中。

此外,我们希望帮助旅行者更好地可视化和规划他们的旅行。这在购物车部分显得很自然。我们通过整合谷歌地图来实现这一目标,让用户可以清楚看到他们的整个旅程:活动,住宿及两者之间的距离。

Travel website shopping cart design
Early sketch (wireframe) of the shopping cart page.

为了增加额外的销售,我们还选择为之前的游客所经历的受欢迎的活动提供空间。除了旅行者已经选择的活动之外,这些将显示为旅行者可以在其目的地附近体验的更多建议。

鼓舞人心的旅行指南,以简化决策

在页面的下方,我们选择为访客所选的目的地提供旅行指南 – 完全免费。原因有很多。旅行社网站碰巧有很高比例的投机者离开购物车而不花一分钱。这是因为人们很少在做出最终决定之前,在没有比较过任何替代方案的情况下,完成旅行的计划过程。

免费的激励旅行指南开启了触及那些离开购物车的访客,并使他们回头的机会。这是网站设计中特别重要的一部分,以留住客户。为了执行有效的重定向营销,我们应该通过电子邮件将旅行指南发送给那些以未完成形态离开结算页面的用户。

旅行指南的主要想法也是为了帮助访客进行研究,以提高完成预订的机会。通过已经为用户做好一部分研究工作,他们最终将节省大量时间。

eco travel shopping cart prototype
The final hi-fi design of the shopping cart page

Logo 商标设计

我们为 Travel to Change 设计的商标需要传达清晰的信息,同时必须简单化。通过用地图标记符与地球相结合,并以深绿色覆盖它,我们想要传达现代的旅行方式 – 可持续与生态。

Travel website logo design
Logo design with an “eco-friendly” concept
eco travel website icons
Icons for the travel website
traveling website brand identity
The color palette – a part of the brand identity.

可持续的品牌形象

对我们来说,显然要采用从地球的色调中汲取灵感的绿色调色板。添加秋季橙色作为对比色,并经常用于原型中的主要按钮。我们创作的插图也深受生态与自然的启发。

需要产品设计? 我们联系吧。

我们为来自世界各地的企业创造数字体验。告诉我们您的数字服务,让我们来实现它。