Groot Warnsborn

The problem

Groot Warnsborn is a four-star hotel and restaurant on an estate in Arnhem, surrounded by forest that is a listed national monument. People come for a night away, for dinner, for a meeting or for their wedding. Each of those needed its own way into the site, with booking never far away.

Approach

I designed the front-end and built it as templates to be connected to a CMS. The main menu splits into stay, food and drink, weddings, parties, meetings, surroundings, information and contact. The homepage opens with a photo of the house and a form to check availability by arrival and departure date. Once you scroll, that form moves into a slim bar at the top of the screen, so you can book from anywhere on the page. Under the hero are three short links to dining, rooms and weddings, then a row of room photos, a section on the orangery and a news block with packages. The wedding page uses the same layout, but its form asks for the date and whether the couple or the guests will stay the night. The colours are gold and the dark green of the logo.

Outcome

The hotel got a set of page templates that share one header, one booking bar and one footer. Hotel stays and weddings each start with their own booking form.

What changed

• A booking bar that stays at the top while you scroll.
• A wedding page with its own date form.
• Rooms, orangery and news as separate blocks on the homepage.
• Templates built to be filled from a CMS.