Back to work

Cabot Hotels

A fresh look at dining.

A dining page for Cabot Hotels, designed to bring together the food and drink offer of all its properties in a single digital space.

Project
Cabot Hotels
Company
Clicktotravel
My role
Web design and custom components
Tool
Figma
Type
Corporate website extension
Status
Design approved · In development

The context

An existing website, a new page.

Cabot Hotels already had a custom-designed website, where each hotel has its own dining page.

What was missing was a general page bringing together the whole chain’s offer, so that all its restaurants could be discovered in one place.

The challenge

More dynamism. The same identity.

The client felt the hotels’ dining pages were too flat, with image and text blocks simply following one after another.

For the general page they wanted something more dynamic, without breaking the website’s visual language or redesigning it.

Current Cabot Pollensa Park Spa website: dining page header with an arch-shaped photo
Current website · Dining header
Current website: Cabot Kitchen Buffet restaurant block with text on the left and an image on the right
Current website · Cabot Kitchen Buffet

My contribution

From feedback to visual solution.

At Clicktotravel, I designed the new general dining page for Cabot Hotels.

My work focused on this page and on two components created specifically for it. The rest of the website, its visual identity and its structure were already in place.

Custom components

Two ways to present dining.

Top slider of the Cabot Hotels dining page: the title “Gastronomía de Cabot” and three restaurant photos cropped into arches
01 | Top slider

An entrance connected to the brand.

It opens the page with the chain’s main dining options. The arch-shaped photos reuse a device already found on the website and connect the new page with the rest.

Cabot Hotels dish slider: a featured dish in the centre under the title “Platos destacados” and two more partly visible on either side
02 | Dish slider

A layout that invites you to explore.

A carousel with a featured dish in the centre and others partly visible on either side. It hints that there’s more to see and invites you to scroll through.

Design decisions

Finding the balance.

  1. 01 | Visual integration

    The new elements build on the website’s look and feel, so the page reads as part of Cabot Hotels rather than an add-on.

  2. 02 | Rhythm and contrast

    Alternating two different ways of showing content avoids the repetitive, identical blocks the client saw on the hotel pages.

  3. 03 | Photography takes centre stage

    Giving more room to images of the restaurants and dishes makes the offer clear at a glance, with less text.

The result

A new dining experience.

A single page that brings together the dining offer of the whole chain, with a more varied presentation than the individual hotel pages.

New dining page, top section: the “Gastronomía de Cabot” top slider with arch-shaped photos, the “Nuestros restaurantes” introduction and the U1969 restaurant block
New dining page, middle section: Buffet Restaurant and Bar Service blocks, and the “Platos destacados” slider
New dining page, final section: dining spaces, the “Nuestros hoteles” carousel, a dining gallery and the footer
Overview of the new dining page, designed in FigmaDesign approved · In development
View full page (PDF, opens in a new tab)

What I take away

This project taught me to tackle a design need without rethinking everything that already works. Starting from an existing website, listening to the client’s feedback and working within its limits helped me find concrete solutions while keeping the brand’s character.

Shall we talk?

Email me
Find out more
Privacy policySitemap