A guest rarely decides to book in the first screen. They decide after the rooms, the services and a few good reasons to stay, which on Lunarel’s page is about halfway down. So that’s where we put the booking form, beside the hotel’s phone number for anyone who would rather call.
A header widget is the standard hotel answer, and it has one flaw. It sits at the top while the persuading happens below it. A guest reads about the spa, the pool and the suites, decides to stay, then has to scroll back up or open a separate booking engine. Each of those steps is a moment to check the same room on a travel site.
Keep the book now button in the header for guests who arrive ready. For everyone else, put a full booking card, with dates, rooms, guests and children, straight after the reasons to stay, and set the hotel’s email and phone beside it.
Couples and business travellers who read before they book. They look at the room, check the services, and would rather reserve with the hotel itself than through a travel site.
Deep teal runs in wide bands under the services, the booking section, the offers and the footer, so a guest scrolling the page feels it move in chapters. Slate teal marks every button. A softer lake teal holds the email and phone. Between the bands, white and pale grey keep the room photos bright.
A light serif sets every heading, from the hero to the booking card. It suits a hotel that sells a slower pace.
Your luxury retreat in Rockford
The rooms headline, as the design sets it.
The booking card only works because of what comes before it.
The hero is a dark bedroom opening onto the lake, with a centred serif headline and a single view all rooms button. No booking bar competes with the view. The header still carries book now, for the guest who arrived with dates.
The family suite comes first, with its nightly price, beds, guests and size on a white card over the photo. Six services follow on a deep teal band. By the time a guest reaches the reasons to stay, the practical questions are already answered.
Easy booking, 24/7 service, a tourist guide and a friendly interface sit beside a collage of the beach, the pool and a cabana. The block closes with the manager’s photo, name and signature. Guests trust a named manager more than another bullet point, and it costs the hotel one photo.
Directly under the manager’s signature, a white card asks for dates, rooms, guests and children, with a book now button. The email and phone sit beside it on a lake teal panel. Nobody has to scroll back up.
Choose a section to see where it sits in the design and what it’s there to do.
A calm bedroom looking over a lake, a centred logo and menu, a light serif headline and one book now button.
A welcome headline beside two room photos, a short paragraph and a discover more button, with a hotel sign drawn at the edge.
Three room photos side by side, the family suite named with its price, beds, guests and size, and a view all rooms link.
Six services with line icons on a deep teal band: spa salon, restaurant, swimming pool, high speed wifi, fitness centre and high security glass.
A collage of the beach, the pool and a suite beside four reasons to choose the hotel and the manager’s signature.
A get in touch panel with the email and phone on a teal band, beside a white booking card for dates, rooms, guests and children.
A five-star review with the guest’s name and photo beside a bright photo of a couple relaxing in their room.
A deep teal band inviting guests to check the hotel’s exclusive offers, with towels and a frangipani flower on the right.
Three news cards with photos, dates and read more buttons.
Reservation, contact and support links, a newsletter, the booking email and phone, and the Lunarel logo set large.
Hero — The mood first
Want the booking ask placed where your guests decide?
Start a Project Like ThisFor your client or for your own business, the thinking is the same. The route in is different.
We design and build to your client’s brief and hand it over as your work. Your client never hears our name.
We map the questions your customers ask before they buy, then design and build a WordPress site that answers them in order.
We book a call to scope the work. You get a proposal to approve, and we begin.
