4 最小阅读

来自最佳电子商务公司的 6 个酒店网站设计课程

阿凡达

Jordan Hollander 营销

最近更新时间 七月 07, 2022

图片说明

电子商务公司已经完善了将网站访问转化为销售的艺术和科学。亚马逊、Zappos 和酒店预订网站(例如 Expedia)都优化了他们的网站,直至“立即购买”按钮的颜色,以确保休闲浏览者成为活跃客户。

我们之前已经写过我们最喜欢的 35 个酒店网页设计,但在本文中,我们将向行业外学习,因为酒店行业可以从这些电子商务巨头那里学到一两件事。虽然我们对酒店网站所做的许多小改动看起来都是很小的、微不足道的改动,但结果不言自明。简单的文案更新和配色方案可以将收入提高两倍和三倍。

寻求提高收入的酒店经营者可以从电子商务网站优化中获益课程以相应地更新他们的网站和预订体验。

在预订体验中集成常见问题解答

客人喜欢要求升级房间——甚至在他们还没有看到他们住的地方之前。旅行者对他们的酒店房间很挑剔,在寻找住宿地点时会有很多问题。

电子商务平台上的购物者也是如此,尤其是那些寻找特定服装的人。轮滑零售商Roller Skate Nation进行了一项实验,他们在产品页面上添加了专业提示,并补充说:“如果有疑问,请加大尺码- 用一双额外的袜子来弥补额外的空间。”事实证明:它得到了回报,大时代。结账量猛增了 69%,客户的亲和力也提高了。

关键要点:为客人提供做出明智购买决定所需的所有信息。当您知道客人不断询问某条信息时,请在网站上预先提供这些详细信息。例如, BookAssist客户布拉格的佛陀酒吧酒店提供了详尽的客房设施清单以及客房的详细照片。房间的大小、淋浴喷头的类型、肥皂的品牌以及可用的咖啡类型等都在预订过程中预先列出,以便于购买决策。

想要更进一步的酒店应该考虑在预订流程中添加自己的“专业提示”。在整个预订流程中添加提示,帮助了解每种房型。如果您不直观地了解这些信息,请前往 Revinate 和 TrustYou 等声誉管理系统,对您的客人进行深入研究。假设您最大的套房获得了商务旅客的最高评价,他们喜欢白天安静,非常适合工作。这是一个很棒的专业提示,您可以将其添加到预订流程中,以吸引商务旅客房间类型甚至超出了平方英尺和设施等原始数据。

消除酒店网站上的干扰

零售商 FSAstore.com 是一个电子商务网站,接受来自灵活支出账户 (FSA) 的付款。为了优化他们的客户转化率,该网站尝试从登录页面中删除子类别和其他顶部栏导航。 FSAstore.com 从其主页中删除了子类别,以试图帮助访问者专注于他们的特色产品——那些需要吸引客户眼球的高利润或畅销产品。这一简单的变化导致每位访客的收入增加了53.8% 。底线:更少的选择会带来更高的转化率。

当您的酒店网页经常被购买漏斗顶部的客人(休闲浏览器)浏览时,消除干扰是吸引访问者深入您网站的关键方式。从您的目标网页中删除噪音,而是引导访问者专注于特色产品,从而以更高的转化率完成购买。很多时候,酒店都喜欢在他们的网站布局方式上变得超级独特,而牺牲了潜在的预订者的困惑。

索伦托的Grand Hotel Royal提供了一个由BookAssist设计的干净、简单的主页的一个很好的例子,该主页推广目的地的顶级产品:健康、私人海滩和他们的会员俱乐部。当访问者进入网站时,菜单项会立即将您引向他们的报价、物业信息以及客房和套房。在您考虑酒店的购买渠道时,请了解您网页上访客完成预订必须采取的步骤。然后,尽可能缩短这段旅程。

使用网格布局展示您的可用房间

网站不仅仅是一个闪亮的虚拟销售手册。当然,您需要漂亮的图片和有吸引力的设计元素(稍后会详细介绍)。但是,您网站的外观会在心理层面影响您的销售。您的酒店网站越直观和易于理解,您将观众转化为预订的机会就越大。

Smartwool 和 Blue Acorn 执行的一项A/B 测试测试了两种不同格式的内容。第一个是“独特且美观”。相反,该控件使用简单的网格布局。结果令人惊讶:“尽管 SmartWool 和 Blue Acorn 团队认为控制产品页面看起来非常棒,但事实证明更统一的设计更适合转换。”重复的图像属性,例如以行和列排列的相同大小的图像,使用户能够快速有效地扫描找到他们正在寻找的内容。

设计与它支持的功能一样好。您可以使您的产品和房间类型页面越统一,您吸引客人结帐的机会就越大。查看布拉格的房间和套房页面Golden Crown Hotel了解酒店网页设计和营销机构BookAssist 如何利用网格布局来营销酒店。

尝试使用号召性用语文本

号召性用语 (CTA) 按钮是酒店经营者经常忽略的低调成果。但是,研究表明,对 CTA 的简单更新可以使月收入增加 16%

编写好的 CTA 的关键是让访问者采取行动。不要写“预订”,而是将预订按钮改为“立即预订”。尝试 A/B 测试,看看哪种语言效果最好,尤其是当您的网站将被翻译成不同的选项时。例如,巴士底酒店使用“立即预订”,可以通过谷歌的翻译插件轻松翻译。

让预订尽可能简单

正如您的网站应该消除访问预订页面的任何干扰一样,预订过程也需要尽可能简单。 VeggieTales 商店进行了一项实验,从结帐页面中删除了顶部导航。原始页面包括大而明亮且分散注意力的横幅。这些横幅使访问者偏离了他们原本打算去的地方——导致页面反弹和购物车放弃。当 VeggieTales 移除他们的类别横幅时,全站收入增加了38%

一旦您的客人采取了进一步的转化步骤,就不要给他们太多选择。导航菜单和其他侧边栏选项为客人提供了太多退出结账车的方式。这BookAssistArcotel Hotels网站是一个很好的例子,它是一个有效的结账流程,可以推动客人完成预订。在您完成最终预订流程时,访问者可以看到他们需要什么(升级、定价、日期等)并展开以获取更多信息。通过扩展他们的信息,酒店品牌可以防止潜在客人点击返回并放弃他们的购物车,从而吸引他们更深一层,而不会过早展示太多。

使用高质量的产品图片和视频

这是不言而喻的:如果您的图片没有立即引起访问者的注意,那么您就失去了他们的预订。视频或动态图像更好。充分利用媒体的酒店网站的一个很好的例子是丰特克鲁斯酒店。 Fontecruz 使用高分辨率图像和循环视频来展示其在西班牙和葡萄牙的房产。

有效:一项案例研究发现,通过简单地添加视频,您可以将每位访问者的收入提高 27% 。 360 度视频可以将 RPV 再增加 12%。确保您使用的图像或视频针对移动设备上的页面速度和视图进行了优化,并尝试不同的格式,然后再大量投资于新的设计元素。

想与顶级酒店网站设计机构合作吗?查看我们的清单。

Integrate FAQs within the booking experience

Guests love to ask for a room upgrade – before they’ve even seen where they’re staying. Travelers are picky about their hotel rooms and have a lot of questions when seeking a place to stay.

The same is true for shoppers on e-commerce platforms, especially those looking for a specific piece of clothing. Roller-skating retailer, Roller Skate Nation, ran an experiment where they added a pro tip to their product pages adding, “when in doubt, size up – compensate for the extra room with an additional pair of socks.” Turns out: it paid off, big-time. Checkouts shot up by 69%, and customer affinity grew as well.

The key takeaway: give guests all the information they need to make an informed purchase decision. When you know that guests are constantly asking for a certain piece of information, provide those details upfront on the website. For example, BookAssist client Buddha Bar Hotel in Prague provides extensive lists of their room amenities alongside detailed photos of their rooms. Things like the size of the room, type of showerhead, and brand of soap, and type of coffee available are all listed right up front in the booking process to make the purchase decision easy.

Hotels that want to take this one step further should consider adding their own ‘pro tips’ into the booking flow.  Add tips throughout the booking flow that help contextualize each room type. If you don’t know this information intuitively head to your reputation management system like Revinate and TrustYou to do some in-depth research on your guests.  Let’s say that your largest suite gets the highest reviews from business travellers who like that it is quiet during the day which is great for work. That’s a great pro-tip you can add into the booking flow to entice business travellers that contextualized the room type even beyond the raw data like square footage and amenities.

Remove distractions from your hotel website

Retailer FSAstore.com is an e-commerce site that accepts payments from Flexible Spending Accounts (FSAs). In seeking to optimize their customer conversion rates, the site experimented with removing sub categories and other top-bar navigation from the landing page. FSAstore.com removed sub-categories from their homepage to try to help visitors focus on their featured products – those high-margin or best-selling products that needed to catch a customer’s eye. That simple change led to an increase in revenue per visitor of 53.8%. Bottom line: fewer options leads to higher conversions.

When your hotel’s webpage is frequently viewed by guests at the top of the purchase funnel – casual browsers – removing distractions is a key way to draw a visitor deeper into your site. Remove noise from your landing page and instead, lead visitors to focus on featured products, thereby completing a purchase at higher conversion rates.  Too often hotels like to be super unique in the way they layout their websites at the expense of confusing prospective bookers.

Sorrento’s Grand Hotel Royal offers a great example of a clean, straightforward home page designed by BookAssist that promotes the destination’s top products: wellness, a private beach, and their member’s club. When a visitor enters the website, the menu items immediately funnel you into their offers, property information, and rooms and suites. As you think through your hotel’s purchase funnel, recognize the steps on your webpage a visitor must take to complete a booking. Then, make that journey as short as possible.

每周一次将最新的酒店技术提示、趋势和见解发送到您的收件箱
您已订阅
电子邮件格式无效
post_faces_combined 加入来自世界领先酒店品牌的 10 万多名高管,每周一次将最新见解发送到您的收件箱

Use a grid layout to showcase your available rooms

A website is more than just a shiny, virtual sales brochure. Of course, you need nice pictures and attractive design elements (more on that in a minute). But, the way your website looks can impact your sales on a psychological level. The more intuitive and easy to understand your hotel’s website is, the better chance you’ll convert viewers to bookings.

One A/B test performed by Smartwool and Blue Acorn tested two different formats for their content. The first was “unique and aesthetically pleasing.” The control, conversely, used a straightforward grid layout. The results were surprising: “Despite how fantastic the SmartWool and Blue Acorn teams thought the control product page looked, a more uniform design turned out to be better for conversions.” Repetitive image attributes, like the same size image laid out in rows and columns, enables users to scan quickly and efficiently find what they’re seeking.

Design is only as good as the functionality it supports. The more uniform you can make your product and room type pages, the better chance you have of inducing a guest to checkout. Look to the rooms and suites page of Prague’s Golden Crown Hotel to see how hotel web design and marketing agency BookAssist leverages a grid layout to market the property.

Experiment with call-to-action text

Call-to-action (CTA) buttons are low-hanging fruit that hoteliers often ignore. But, research shows that simple updates to your CTAs can result in a 16% increase in monthly revenue.

Key to writing a good CTA is giving a visitor an action to take. Instead of writing “reservations,” change your booking button to say “reserve now.” Experiment with A/B testing to see what language works best, especially if your site will be translated into different options. For example, Hotel Bastille Speria uses “book now” which can be translated easily by Google’s translation plug-in.

Make booking as straightforward as possible

Just as your site should eliminate any distractions from getting to the booking page, the booking process needs to be as straightforward as possible. The VeggieTales store ran an experiment that removed the top navigation from the checkout page. The original page included large, bright and distracting banners. These banners sidetracked visitors from getting where they originally intended to go – leading to page bounces and cart abandonment. When VeggieTales removed their category banners, sitewide revenue increased by 38%.

Don’t give your guests too many options once they’ve taken further steps toward conversion. Navigation menus and other sidebar options give a guest too many ways to exit the checkout cart. The Arcotel Hotels website by BookAssist is one great example of an efficient checkout process that nudges guests to complete a booking. As you go through the final reservation process, a visitor can see what they need (upgrades, pricing, dates, and more) and expand for more information. By expanding their information, the hotel brand prevents prospective guests from clicking back and abandoning their cart enticing them one layer deeper without showing too much too soon.

Use high-quality product images and videos

This goes without saying: if your images don’t immediately grab a visitor’s attention, you’ve lost their booking. Videos or moving images are even better. A great example of a hotel website that utilizes media to its full power is that of Fontecruz Hoteles. Fontecruz uses high-res imagery and looping video to showcase its properties in Spain and Portugal.

It works: one case study found that by simply adding video, you can increase revenue per visitor by 27%. A 360-degree video can increase RPV by another 12%. Make sure the images or videos you use are optimized for page speed and views on mobile devices and experiment with different formats to before you invest heavily in new design elements.

 

Want to work with a top rated hotel website design agency? Check out our list.

获取个性化的产品推荐

产品推荐顾问

Ghostel icon

让我们查找您的酒店信息