Case study · Resort hotel

Designing a Resort Hotel Website Around the Questions Guests Ask Before They Book

Before a resort guest books, they want three answers: what the price includes, which room they’ll sleep in, and what happens if their plans change. We designed Solenne’s site so all three are answered by the middle of the page. Nobody has to email the front desk to find out.

Client
Solenne
Industry
Hospitality, resort hotel
Audience
Couples and families planning a resort stay
Scope
Hotel website UX and UI design
The brief

Is Breakfast Included? Can I Cancel? Guests Want the Answer Before the Booking Form.

The Problem

Two resorts with similar rooms and similar rates are separated by the details. Is breakfast included? What about an airport pickup? Can the booking be cancelled? When a hotel site hides those answers in a PDF or the booking engine’s small print, the guest goes back to the travel site that lists them in one row, and the hotel pays that site a commission for the booking.

The Goal

Put each answer where its question comes up. Dates on the first screen, every included service directly under the hero, rooms compared without leaving the page, and a refund promise before the guest is asked to commit. Then a mailing list, so a guest who stayed once can book the next stay directly.

Who it’s for

Couples and families planning a few days of rest. They read what is included before they compare prices, and when the stay goes well, they come back to the hotel that kept in touch.

The visual system

Three Shades of Teal, Each With One Job.

Lake teal runs the header bar. Slate teal marks whatever is selected, the buffet breakfast tile and the deluxe room card, so a guest always knows where to look. Deep teal sits under the guest review and the footer. The rest of the page stays white and pale grey, so nothing competes with the room photos.

  • Lake teal#608E95Header bar
  • Slate teal#4B6D74Selected service and room
  • Deep teal#142428Headlines, customers panel and footer
  • Mist#F8F8F8Welcome and quiet grounds
  • White#FFFFFFMain ground and cards
Typeface

Gilda Display

A light serif sets every heading. It has the quiet formality of a hotel letterhead and keeps a long page calm.

Choose From A Wide Range Of Luxury Rooms

The line over the room video, in the design’s own type.

The decisions

How the Design Solves It

Four decisions, each aimed at a question a guest would otherwise take to a travel site.

Dates Before Anything Else

The booking bar sits on the lower edge of the hero photo, half on the view and half on the page, with check-in, check-out, guests and rooms. Someone with dates in mind checks availability without scrolling. Everyone else sees that booking is one step away.

The Price, Explained in Ten Tiles

Airport pickup, welcome drinks, buffet breakfast, a doctor on call, a pool and a travel desk. Ten services sit in two rows directly under the hero. Travel sites win on exactly this, so Solenne answers it before the guest has seen one room or one price.

Compare Rooms Without Leaving the Page

Each room gets a large photo and its name. Select one and the card turns slate teal, showing the nightly price, the size and how many guests it sleeps, with a view details button. A guest weighing a family suite against the deluxe room never opens a new tab, and a new tab is where comparison shopping starts.

A Refund Promise, Then a Reason to Return

Why choose us ends on the line that settles a hesitant booking, a refund of up to 100%. Further down, a mailing list gives past guests a reason to hear from the hotel itself, so their next stay starts on its own site.

The walkthrough

Ten Sections, Read in the Order a Guest Would

Pick any section to see it in the design, and why it sits where it does.

  1. A wooden room looking over a lake, a light serif headline, a discover more button and a white bar for dates, guests and rooms.

  2. Ten services as icons in two rows, from airport pickup and welcome drinks to a mini fridge and a travel desk, with buffet breakfast marked in teal.

  3. A welcome headline with nine short facts in three columns, a discover more button and two overlapping room photos.

  4. A carousel of room photos with their names, the selected deluxe room in teal with its price, size and guests, and arrows for more.

  5. A dim room photo with a play button and a headline inviting guests to choose from a wide range of luxury rooms.

  6. Two room photos with a vertical hotel sign beside three reasons: the best choice, low prices with good quality and a refund of up to 100%.

  7. A warm bedroom photo beside a deep teal panel with a five-star review, the guest’s name and arrows for more.

  8. Three news cards with photos, dates and read more buttons.

  9. A pale band inviting guests to join the mailing list, with an email field and a subscribe button.

  10. Reservation, contact and support links, a newsletter, the booking email and phone, and the Solenne logo set large.

Hero — The view and the dates

Want your guests’ questions answered before they ask?

Start a Project Like This
Your project

Two Ways We Can Build One Like This for You

For your client or for your own business, the thinking is the same. The route in is different.

For agencies

Pages Like This, Under Your Brand

We design and build to your client’s brief and hand it over as your work. Your client never hears our name.

  • Planned around your client’s buyer, section by section
  • Built in WordPress, ready for you to present
  • NDA on request, no contact with your client
For business owners

A Site Planned Around Your Buyer

We map the questions your customers ask before they buy, then design and build a WordPress site that answers them in order.

  • One clear action, in view from the first screen to the last
  • Proof and pricing placed where doubts arise
  • A site your team can update without us

Let’s Talk About Your Project

We book a call to scope the work. You get a proposal to approve, and we begin.

Hafijur R, founder of Coderlift
Hafijur R Founder, Coderlift
Contact Form