Skip to content
All work

ConceptGuesthouseMaafushi, Maldives2026

Driftwood

A guesthouse site built for direct bookings, with the real price on every date.

Visit live site (opens in a new tab)

A concept site, live and working.

The problem

Guesthouses on local islands rely on booking sites that take a cut of every stay, and guests can't easily check dates and real prices with the guesthouse itself.

What we added

Direct booking on a calendar that shows which nights are free and what each one costs, then an itemised quote with every tax, so a stay is booked in a couple of minutes.

01Brief

Driftwood is a twelve-room guesthouse on Maafushi, a local island south of Malé. Its site has to make people want to stay, answer the practical questions about transfers and island rules, and turn that interest into a direct booking.

02Approach

  • Layout

    A lookbook more than a brochure: full-bleed photography, generous space, and each room type set out like a magazine spread, with the booking bar always close by.

  • Typography

    Cormorant Garamond at a light weight for headlines, with Jost in small spaced capitals for labels, buttons and prices. Thin, calm and easy to scan.

  • Colour

    Cream, sand and espresso, with a scale of warm tints that marks the four seasons on the rate calendar. Square buttons and sharp corners throughout.

  • Interaction

    A four-step booking flow, an availability calendar priced by season, trips that add straight to a stay, and an island map that shows walking times from the house.

03Result

Every page a guest needs, from a page for each room type to transfers and FAQs, and a booking flow that goes from dates to an itemised quote before asking for any details.

  • 01Home, Rooms, a page for each room type, Experiences, About, Getting here, FAQ and Contact pages
  • 02Four-step booking: dates and guests, room, extras, your details
  • 03Availability calendar priced by season, and a quote that itemises service charge, GST and Green Tax
  • 04Experiences and airport transfers that add straight to a booking
  • 05Island map with walking times from the house, and WhatsApp on every page

Note: Driftwood is a fictional guesthouse. Availability, rates and taxes are sample data, and no booking or payment is taken. The guest reviews on the site are part of the concept, not real feedback.

(04)Design system

The pieces it’s made from.

Type

Cormorant Garamond Light 300: the letters A to Z, a to z and 0 to 9
Cormorant GaramondDisplay, Light 300. Headlines.
Jost Light 300: the letters A to Z, a to z and 0 to 9
JostBody, Light 300. Body, labels, buttons and prices.

Colour

  • #F6F2EC

    Cream

    Background

  • #1E1A17

    Ink

    Text

  • #2B2420

    Espresso

    Buttons

  • #EEE7DD

    Sand

    Surfaces

  • #B8AA99

    Peak tint

    Rate calendar seasons

Components

The Driftwood navigation bar
Navigation
A button from the Driftwood site
Button
A room card from the Driftwood site
Room card

(05)Pages

Key pages

Drag

The Driftwood Home page
01Home
The Driftwood Reef View Room page
02Reef View Room
The Driftwood Experiences page
03Experiences
The Driftwood Rate calendar page
04Rate calendar
The Driftwood Booking page
05Booking

See Driftwood for yourself.

Visit live site (opens in a new tab)

Next project

Scentu

ConceptFragranceView case study