Sample homepage

Boutique hotel

Hotel Altamar

A 32-room cliff hotel needs a homepage that sells the view before the room, and gets couples checking dates.

altamarhotel.co

View live site

All work

Industry

Boutique hotel

Project type

Hotel booking homepage

Typeface

Instrument Serif and Inter

Palette

Linen, navy ink and deep sea

Design rationale

Linen, navy ink and Instrument Serif headlines. The page opens on the hotel's name cut out of the paper; scrolling dives through the letters into the cove. Below, the cliff section lights each level and its sight line to the sea, the three rooms swap in a pinned view, and the light shifts from dawn to dusk through a day at the hotel.

Linen, navy ink and Instrument Serif headlines. The page opens on the hotel's name cut out of the paper; scrolling dives through the letters into the cove. Below, the cliff section lights each level and its sight line to the sea, the three rooms swap in a pinned view, and the light shifts from dawn to dusk through a day at the hotel.

( The full homepage )

Every section, top to bottom.

Open the live site

Key features

Dive-through-the-name hero

Cliff section with live sight lines

Pinned room switcher with booking

Sky that changes from dawn to dusk on scroll

This is a self-initiated sample homepage created by WebShoot to explore a design direction. The business is fictional, the work is not a client commission, and no results are implied.

Back to all work

Start a project like this