← Back to Field Notes
·7 min read·By Northbound Studio

The hotel website teardown: why guests leave your site to book on Booking.com

There is a pattern every independent hotel owner knows and few have watched happen. A guest searches your name. They land on your website. They scroll, they tap a room, they hesitate. Then they open a new tab, type the same name into Booking.com, and book the same room there. You paid the OTA fifteen to twenty percent for a guest you had already won.

This is not a marketing problem. The guest wanted you. It is a website problem, and it usually sits in three places: the first screen, the rooms page, and the path to the book button. We look at those three places for a living. This is what we look for, and what each miss costs.

Two numbers frame it. Cloudbeds' 2026 State of Independent Hotels report, built on 90 million bookings, puts the OTA share of independent hotel bookings at 63.4 percent and rising. And across the hotel-website benchmarks published for 2026, mobile is 60 to 70 percent of visits but converts at roughly 0.5 to 1.5 percent, against 2.5 to 3.5 on desktop. The guest who leaves you for the OTA is on a phone. Design for that guest first.

1. The first screen does not say what you are, where you are, or from how much

Open your site on a phone and stop at the first screen. Without scrolling, can a stranger answer three questions: what is this, where is it, what does a night cost from? Most hotel sites answer none. The first screen is a full-bleed photograph of a lobby, a logo, and a slogan that could belong to any hotel in Europe.

The guest has three tabs open. Booking.com's card for your property answers all three questions in one row: name, town, from-price, rating. Your first screen answers with atmosphere. Atmosphere loses the comparison every time, because comparison is what the guest is doing.

The fix is not a smaller photo. It is a first screen that states the place in a sentence, shows the from-price, and offers one action: check availability. Everything else can wait until the guest has decided to stay.

2. The rooms page is four photos that look the same

The rooms page is where the direct site loses hardest. Four rooms, four beds photographed from the door, four names that mean something only to the housekeeper. Sleeps how many? How big? From what price? A guest has to open each room to find out, and on a phone that is four round trips.

The OTA's rooms table wins because it is a table. Occupancy, size, breakfast, price, one button, per row. That is not a design achievement. It is just the information a guest needs, in the order they need it, on one screen.

Your rooms page should work the same way: a card per room with sleeps, size, the two things that make it different, the from-price, and a book button that keeps the dates the guest already entered. Photos matter, but they matter after the guest knows which room is theirs.

3. The book button is a door to another building

Tap "Book" on most independent hotel sites and you leave. A new domain. A different typeface. A booking engine with its own header and its own idea of what the hotel is called. The dates you entered are gone. The room you chose is gone. You are now on page one of a five-step form.

That is where a guest opens the Booking.com tab. The OTA's checkout is one screen, remembers everything, and looks like the site they were just on. Published 2026 benchmarks put hotel-site booking abandonment around 81 percent. Most of it happens at exactly this door.

You do not have to replace your booking engine. On the hotels work we take on, the engine stays and the pages in front of it are rebuilt so the handover is one tap with the dates and room carried across, and the engine page is styled to match. The guest should not notice they changed buildings.

4. The site speaks one language fewer than the guest

A German family searched in German. A Polish couple searched in Polish. Your site is in English and Czech. They can read it, mostly. They will not enter a card number into it. The OTA speaks their language perfectly, including the fine print, and that is the moment trust moves.

For a Prague hotel the first four languages are usually Czech, English, German and Slovak. For a house on Lake Garda they are Italian, English, German and Czech, if the owner is Czech. Which four depends on who actually books. The point is that the book path, not just the homepage, has to exist in each one, with its own URL so search engines can send the right guest to the right version.

5. The OTA has your photos in a better order

Booking.com has your photographs. Often the same ones. The difference is sequence. The OTA leads with the room, then the bathroom, then the view, then the breakfast, because that is the order in which guests decide. Your site leads with the facade, the lobby, the lounge, the history. Lovely for a visit. Wrong for a decision.

Reorder before you reshoot. The first photo on a room card is the bed. The first photo on the site is the thing a guest would tell a friend about.

6. It is slow on a phone in a car

The guest is checking your site on the motorway, on a phone that has been in the sun, on a connection that drops in tunnels. If the first screen takes four seconds to assemble, you are not being compared to Booking.com. You are being compared to nothing, because the guest has already gone back. We wrote about the difference between looking fast and being fast. Hotel sites are the worst offenders, because the hero video is the first thing the designer chose and the last thing the phone loads.

Two sample sites, built to show the fixes

We built two invented hotels as live sites, labelled as samples throughout, so we could show all of this rather than describe it. Casa Noceto is a small house on the Brescia shore of Lake Garda. Kovovna is a former metal workshop in Holešovice, Prague 7, with three rooms, a restaurant and a terrace.

On both, the first screen offers one action, check availability, and the availability form is native to the site, no payment, in four languages, each on its own URL. The rooms pages carry a from-price per room. They are samples and they are not finished: the next pass puts the from-price on the first screen and sleeps, size and a book button on every room card, which is the list above applied to our own work. Neither house exists. Every decision on the pages does. The Kovovna case study walks through them.

What we sell, and where we stop

We are Northbound Studio, a small studio in Prague, led by Martina Prethero. For independent hotels, agriturismi and holiday rentals we design and build the pages guests use to compare rooms and book direct. The Website Review is the first step: we look at your first screen, rooms and book path on a phone and send a short video and a one-pager with a rebuild range. From there it is a landing page for one offer, a room-page set, a rebuild of the homepage and book path with your existing engine, or a new official site in about four weeks.

We do not run your Booking.com listing and we do not replace your booking engine unless you ask. The OTA stays. The website is for the people who already want you, for Google, and for the margin on every night they book with you instead.

If you want the teardown on your own site

Send the current website URL and the town. That is enough to start. We will tell you which of the six above is costing you the most, and whether it needs a pass or a build.

Ready to improve your digital presence?

Request a Website Review, a short, high-level look at where your site can grow and whether we're the right team to help.

Request a Website Review