✔ Show the hotel’s rooms, spa and restaurant in real photos
✔ Help guests choose one of six room categories without picking up the phone
✔ Take room booking and spa reservation requests right on the site
✔ Keep the phone number and the “Book” button within reach on every page
✔ Build trust with guest reviews, special offers and a map with the address
The Cardinal aparthotel is a new five-storey building with eco-friendly interiors, a three-minute walk from the central pump room in Truskavets. Its rooms come with kitchens and work like self-contained apartments, and the hotel also has a spa with a Turkish bath, a Finnish sauna and a jacuzzi, a restaurant with a bar, a beauty salon and a conference room. It needed a website that shows all of this and collects booking requests.
I organised everything the hotel offers into pages: the home page showcases every part of the hotel, the rooms, spa, restaurant and contacts each have their own page, and booking is one click away in the header. Room categories and spa areas switch with tabs and sliders, with no unnecessary page loads.
The result is a ten-page website: home, rooms with six categories, spa, a Finnish sauna page, restaurant, a gallery with a filter and lightbox, reviews, special offers, contacts and a privacy policy – plus booking pop-ups with form validation.
A website where guests choose a room, explore the spa and restaurant, and send a booking request on the spot.
Categories switch without reloading, each with its own photo slider, floor area and view
Calendar dates, guests, contact details and a comment; a field with an error is highlighted
Seven areas with their own sliders, plus a sauna page with specs and online reservations
“Grounds”, “Spa”, “Restaurant” and “Leisure” tabs, with photos opening in a pop-up window
A shared header with the menu, phone number, social links and a “Book” button
Star-rated reviews with pagination, offer cards, contacts with a map and a privacy policy
Guests look at a room, find out about the spa and restaurant, and book without leaving the page.
The website’s main tasks are to:
Guaranteed reply within 24 hours.
The first call is free and with no commitment.
A hotel website is the guest’s first tour of the place: they need to see the room, get a feel for the atmosphere and understand straight away how to book. Using the Cardinal aparthotel as an example, I explain how I built a website with rooms, a spa complex, a restaurant, a gallery and booking forms in pop-up windows.
Cardinal is a new five-storey aparthotel with eco-friendly interiors in Truskavets, a three-minute walk from the central pump room and close to a park. The rooms have kitchens and work as self-contained apartments, backed by full hotel facilities: a spa complex, a restaurant with a bar, a beauty salon, a conference room, transfers and meals delivered to the room.
The hotel needed a website where guests can take a good look at a room, find out about the spa and the restaurant, and send a booking request straight away. I built that website: ten pages, sliders and tabs, a gallery with lightbox viewing and booking forms in pop-up windows.
Everything the hotel offers is spread across the pages so that guests find what they need in one or two clicks:
The header is the same on every page: the section menu on the left, the logo in the centre, and the phone number, Facebook, Instagram and a “Book” button on the right. Inner pages open with a heading and breadcrumbs, and the footer repeats the address, phone numbers, social links, the booking button and links to the privacy policy, house rules and blog. Wherever guests are on the site, a call or a booking request is one click away.
The first screen is a full-width photo of a room, the caption Apart hotel, the name CARDINAL in large letters and a short description: a modern five-storey hotel with eco-friendly interiors. Below it, a paragraph covers the hotel’s main advantage – its location next to the central pump room and the park.
The home page then sets out the reasons to choose the hotel, one by one:
The rooms page is the one that sells. Six categories – from a one-room double to a three-room superior suite and the “Cardinal” executive suite – switch with tabs, without reloading the page. Each category has its own photo slider, a name, a badge with the floor area (38 m², for example) and a few words about the view.
The “Every room is equipped with” block gathers into a grid of icons what guests usually ask about on the phone: a kitchenette, a fridge-freezer, crockery, a kettle and tea set, a shower, 180×200 beds, toiletries, Wi-Fi and a welcome gift. Extra services – laundry, room service, excursions, flower delivery, a beautician, a make-up artist, massage – are listed in large type, and hovering over a service brings up its photo alongside.
At the bottom of the page is the “Book a room” form: check-in and check-out dates picked from a calendar, number of guests, name, phone, email and a comment, with required fields marked by an asterisk. The same form opens in a pop-up window from any “Book” button, so a request can be sent from any page without losing what the guest is looking at.
The spa is one of the hotel’s strengths, so it has its own page: a Turkish bath, a Finnish sauna, a jacuzzi, an outdoor jacuzzi, a herbal tea bar, a gym and beauty treatments. Each area gets a large slider with a caption and a “Details” button.
The Finnish sauna has a page of its own, which shows how an area is presented. Its specs are set out as icons – temperature 80–100 °C, humidity 10–20%, up to 8 people, natural wood, benches on two levels, drinks from the herbal tea bar – next to a short piece on the benefits of the sauna and a “Reserve online” form with name, phone and email.
The room booking and spa reservation forms check what is entered: if a value is wrong, the field is highlighted with an error message, so guests see straight away what to correct.
The site uses a dark graphite palette with gold accents: gold picks out the buttons, active tabs, icons and section names. Headings are set in a classic serif, body text in a calm sans-serif, and a fine line drawing of the hotel’s façade serves as the background for inner page headers, the footer and some blocks.
When building the pages, the challenge was to keep this character without losing usability: warm interior photos had to stand out on the dark background, the background artwork could not get in the way of the text, and the tabs, sliders, pop-ups and forms had to behave the same on every page. That is why the repeating elements – the header, the card with a slider, the icon grid, the booking form – are built as shared blocks and reused across the site.
Guests choose a hotel with their eyes: photos of the room, the view, the spa and the restaurant count for more than long descriptions. A hotel’s own website is where it can show itself in full and take bookings directly. When I build a website for a hotel, I follow a few principles:
If you need a website for a hotel, guest house or spa complex, I can build the whole thing for you – from the page structure to sliders, a gallery and booking forms.
