为全球酒店集团悦榕庄(Banyan Tree)进行的 Drupal 网站改版

IT Consultis Project Banyan Tree logo

Banyan Tree Group

了解我们如何帮助领先的国际酒店及度假村集团——悦榕庄——为其 4 个酒店品牌和 200 多家物业改版网站,以提升全球可见性并通过 Drupal 最大化投资回报率。

IT Consultis Project Banyan Tree desktop mockup 3
IT Consultis Project Banyan Tree desktop mockup 5
IT Consultis Project Banyan Tree desktop mockup 3
IT Consultis Project Banyan Tree desktop mockup 5
arrow-left
right

在本 Drupal 网站开发案例研究中,我们将揭示我们如何帮助悦榕庄集团改版其 4 个酒店品牌和 200 多家物业的网站,以提升全球可见性并通过 Drupal 最大化投资回报率。 

关于客户:悦榕庄集团 

悦榕庄集团与雅高集团合作,是一家全球知名的豪华酒店、度假村、水疗中心、画廊、高尔夫球场和住宅运营商,旗下拥有 10 个全球品牌,遍布 25 多个国家的 40 多家酒店和度假村。 

在其投资组合中,屡获殊荣的悦榕庄(Banyan Tree)和悦椿(Angsana)品牌是该集团的主要收入驱动力,提供奢华且注重生态的酒店服务。

作为与不同目标市场客户互动的关键窗口,悦榕庄和悦椿品牌网站在赢得客户青睐和信任方面发挥着至关重要的作用。

这凸显了在网站设计、用户体验以及内容管理和发布方面的卓越需求。因此,悦榕庄和悦椿与 IT Consultis(ITC)合作,利用 Drupal 改版其全球网站,以提供与高端服务相匹配的奢华品牌形象和流畅卓越的用户体验。 .

目标 

该领先酒店品牌面临的主要挑战包括: 

  • 过时的网站设计无法传达理想的奢华品牌形象 
  • 页面布局固定,难以添加或修改内容块 
  • 尽管在全球 25 多个国家设有业务,但网站仅提供单一语言(英语) 
  • 水疗中心部分杂乱无章,难以查找信息 

此外,还存在将内容插入后台的难题。仅英语版本,悦榕庄和悦椿的 30 多家酒店和 25 家酒店就有约 1,500 页内容。如果考虑中文版本,需要插入的页面数量可能达到 3,000 页。 
此外,由于每个地点的酒店物业都是由其酒店经理管理的小型网站,我们需要为悦榕庄和悦椿构建和改进 60 多个子网站。 

因此,与 ITC 合作,本次网站改版项目的主要目标是: 
- 为全球网站打造令人惊艳的外观,传达奢华品牌形象和高端服务 
- 提升 60 多个酒店物业子网站的可见性、用户体验和内容管理,使其能够由每位酒店经理独立管理 
- 激励客户探索集团的所有休闲服务,并推动流量流向不同品牌页面 

悦榕庄(和悦椿)的解决方案

需要注意的是,ITC 首先为悦榕庄网站提供服务,随后将解决方案复制到悦椿网站的前端和后端。

改版网站设计

由于原始网站设计较为过时,无法传达理想的奢华品牌形象。

因此,通过定制 UX/UI 改版这些全球网站的外观,确保其符合当前的视觉识别(VI)和高端获奖品牌的最新视觉期望。 

对于悦榕庄,我们选择了浅棕色主题和现代按钮设计,以传达全球各地真实、鼓舞人心的度假体验。 

IT Consultis helped revamp the Banyan Tree website design

而对于充满冒险精神和本地时尚感的悦椿,我们将其设计升级为大胆的深橙色主题,搭配大号衬线标题和窗口式图片风格,取代了之前较为僵化的设计。

IT Consultis helped revamp the Angsana website design

改进内容管理结构 

悦榕庄和悦椿网站的页面布局原本是固定的,这使得添加或修改内容变得非常困难,因为管理员无法控制布局。即使是添加一个两列的新内容块或新画廊这样简单的任务也无法实现。

为了改进内容管理,悦榕庄从固定布局切换到基于组件的布局,利用内容管理系统(CMS)Drupal,其结构出色,能够处理自定义字段和更复杂的布局。 


通过组件布局,内部团队现在可以轻松地从后台管理、添加或删除内容块。

The component-based layout for website development with Drupal, which allows admins to easily add and modify the page layouts

添加巨型菜单

为了改善客户的导航体验,网站桌面版还添加了一个组织良好的巨型菜单。用户可以通过快速浏览轻松找到他们感兴趣的国家目的地和酒店,这些内容不再隐藏在多层菜单结构中,只需点击一次即可访问。 

ITC added a Mega Menu for Banyan Tree so that users can easily find the country destinations and hotels they are interested in
巨型菜单按国家分组显示所有悦榕庄酒店,并在用户将鼠标悬停在其上时提供每家酒店的简短概述

启用多语言支持

如前所述,尽管在全球 25 多个国家设有业务,但悦榕庄网站仅提供英语版本。 


因此,通过利用 Drupal 的内置多语言功能,悦榕庄现在可以为不同酒店支持不同的语言集。

 
例如,中国的酒店可以同时显示英语和中文内容,而沙特阿拉伯的酒店可以显示英语和阿拉伯语内容。

By leveraging Drupal’s built-in multi-language functionalities, Banyan Tree can now support different language sets for different hotels

这样,悦榕庄能够支持不同的目标市场,并让访问者以他们偏好的语言访问 Drupal 网站。

更新网站地图

特别是水疗中心部分,原本杂乱无章,缺乏清晰的结构,使得访问者难以导航和查找信息。 


为了增强用户体验,水疗中心部分从酒店菜单中分离出来,现在在菜单栏中拥有自己的空间。通过改进的网站地图重新构建,为访问者提供更有条理和用户友好的体验,帮助他们了解水疗中心的服务和设施。 

Restructure the Spa section of the Banyan Tree Drupal website for a better user experience
Restructure the Spa section for a better user experience

插入大量内容

由于从固定内容布局切换到基于组件的布局,内容无法轻松从原始网站迁移。现在,插入内容时,必须明确集团所需的组件以及每个组件的内容。 
此外,如前所述,需要在短时间内将约 3,000 页内容插入后台。 
为了管理这一任务,IT Consultis(ITC): 

  • 与悦榕庄集团合作,明确数据映射文档,其中包括所有悦榕庄和悦椿酒店的数据、内容的显示方式及位置。 
  • 组织了一支 10 人团队,在两周内高效插入所有内容。 

悦榕庄和悦椿 Drupal 网站的最新发展

除了上述对悦榕庄和悦椿的基本改进外,该领先酒店集团的网站仍在持续开发中。一些最显著的更新包括: 

优惠组件调整

吸引人的优惠始终受到客户欢迎。因此,为了增强用户体验并提高酒店特别优惠的转化率,优惠组件进行了调整。 

以前,用户必须在每家酒店查看优惠详情后才能预订。 

然而,在研究和权衡所有选项后,客户一旦做出最终决定,希望能够快速轻松地完成购买。 


现在,Drupal 网站在优惠网格组件上启用了“立即预订”按钮。URL 还根据优惠标签中的数据预先填充,包括:入住晚数(最短住宿)、价格代码、酒店代码、酒店配置和品牌主题。 

因此,用户可以直接从优惠列表页面预订,而无需先查看详情,从而优化了用户旅程。

Users can click on "Book Now" right on the Offers Listing page without having to "Read More" about the offer first

另一个新增功能是优惠网格组件上的国家筛选器,使用户能够轻松发现他们旅行目的地是否有吸引人的住宿优惠。

Users can filter the offers by country to quickly find suitable special offers on Banyan Tree and Angsana Drupal websites

用户货币个性化

悦榕庄和悦椿网站现在还可以检测用户所在位置,并在生成的预订链接中自动添加和调整货币参数。

 
例如,如果您位于新加坡并点击“立即预订”,价格将以新加坡元(SGD)显示,方便您的度假规划。

The Drupal websites also automatically adjust the currency parameter according to the location of the hotel when generating the Booking page

IcePortal 集成 

在后台资产升级方面,最显著的变化之一是集成了 IcePortal,一个资产管理系统。 


以前,包括图片和视频在内的媒体直接上传到 Drupal 后端,该后端连接到 Amazon S3 存储服务。因此,管理员只能访问已添加到 Drupal 资产管理器的媒体。 

此外,由于所有分支机构都属于悦榕庄集团,有时使用相同的图片或视频并不罕见。这可能导致媒体重复,随着媒体数量的大幅增加,这一问题可能日益严重。 


通过集成 IcePortal 系统,集团旗下所有分支机构(包括悦榕庄、悦椿以及未来的 Dhawa 和 Cassia 等)的媒体现在都上传到 IcePortal。

Integrating the IcePortal asset management system with all of the websites under the Banyan Tree Group to have 1 consolidated system

因此: 

  • 集团网站的所有资产都集中在一个系统中 
  • 管理员可以访问 IcePortal 上的所有图片和视频,而不仅限于他们自己上传的内容 
  • 媒体重复问题得以解决 

成果 

通过利用 Drupal 对悦榕庄和悦椿网站的视觉和内容管理进行的这些改进,集团已完美优化其全球资产,为中国境内外的客户提供服务。 


用户现在可以享受升级和定制的用户旅程、极快的性能以及令人惊叹的假期行程预订流程。 


展望未来,预计将与 ITC 合作,对悦榕庄集团旗下的其他网站进行类似的改进。

Technologies for Banyan Tree website revamp includes React for the Front-end and Drupal for the Back-end

寻找中国的 Drupal 代理商?对 Drupal 网站开发服务感兴趣,以增强内容管理和用户体验? 
查看 IT Consultis 在中国及全球的定制 CMS 开发服务。 
如有任何疑问,请联系我们的专家顾问。