Skip to content

Chapter one

At No. 18 Light House Street, inside the walls of Galle Fort, there’s a small house with six rooms and its own bistro.

It was our first client. The brief was short: the website should feel like the place, calm and light, with old walls and sea air. And it should turn visitors into guests.

A design render of the front of the houseNo. 18 Light House StreetThe verandah

1 of 11All chapters

Chapter two

Before drawing anything, we read the site they had, every page of it.

Guests were waiting a long time on their phones, and every booking button led to the same place. That told us what mattered most: make it quick, and give people one clear way to book.

  • 103

    pages checked, one by one

  • 30

    things written down to fix

  • 36

    booking buttons, all going to one general form

  • 33 s

    about how long the first picture took on slow 4G

2 of 11All chapters

Chapter three

We didn’t pick colours from a chart. We looked at the Fort.

Walls washed in lime. Shutters painted deep green. Ochre plaster and teak doors. Most hotels reach for cream, but these walls are cooler and greyer, so the site is too.

  • Lime wash. The Fort’s lime washed walls.
  • Sea mist. Soft fills, like the air off the sea.
  • Shutter green. The deep green shutters on its houses.
  • Ochre. The yellow ochre of its old walls.
  • Teak. Teak doors and furniture.

3 of 11All chapters

Chapter four

Their crest is a doorway between two columns, and the Fort is full of arched doors.

So the doorway became the one bold shape on the site. Key pictures sit inside it, round at the top and square at the foot. Everything around it stays quiet.

A design render of the courtyard, in an arched frameFVCEYLONGALLEFORT VERANDAHBOUTIQUE RESIDENCE & BISTROColumnFan lightDoorF, for FortV, for Verandah

4 of 11All chapters

Chapter five

Titles are set in Newsreader, a serif close to the classical letters in their logo. You’re reading it now, in these chapter titles.

Everything you read and tap is in Manrope, which stays clear at small sizes. Two typefaces, both free, and served from the site itself.

The type page of the Fort Verandah style guide

5 of 11All chapters

Chapter six

Every room has its own page, so someone searching for that room can land right on it.

On a computer the rooms glide past as you scroll, like walking down a corridor. Tap one and its arched picture grows into the page. The pictures are the architect’s design renders, and they’re labelled that way until the photographs are taken.

The page for the Verandah SuiteThe rooms page
123456One door, one page

6 of 11All chapters

Chapter seven

The bistro has four menus, and every dish now shows up with its price.

Pick breakfast, lunch, dinner or cocktails, and the dishes change in place. Same table, different course.

The bistro pageThe bistro menu

7 of 11All chapters

Chapter eight

Choose a room, your dates and how many guests. A summary shows your stay and its price as you go.

Then one tap opens WhatsApp or email with the message already written, and the owner replies in person. No accounts and no forms that vanish into nowhere.

The booking pageThe booking page on a phone
A roomYour datesHow many guestsYour stayA message

8 of 11All chapters

Chapter nine

Every decision went into a style guide: each colour and where it came from, the type, the doorway, the spacing and how things move.

So the next person to touch this site, or the owner, can see why it looks the way it does.

Read the style guide
The colour page of the style guide
  • Real place, real facts

    No made up reviews, awards or walking times.

  • Booking one tap away

    A booking bar on the first screen, and Enquire on every page.

  • Light and fast on a phone

    Small pages, and the right image for each screen.

  • Calm motion

    Movement only where it helps, and off for anyone who asks.

9 of 11All chapters

Chapter ten

Then we tried to break it. Slow connections, no connection, odd things typed into the forms.

We found seven problems and fixed all seven before showing anyone.

  • 12

    screen sizes, across 11 pages

  • 81

    links followed

  • 100

    Lighthouse accessibility and best practices, on the live site

  • 99

    Lighthouse performance, at its lowest

10 of 11All chapters

Chapter eleven

The site went live at fortverandah.com on 9 November 2026, on its own web address.

Guests can now look around the house, read the menu and ask about a room, all from their phone.

Visit fortverandah.com
A design render of a room

11 of 11All chapters

Tell us about your business, and you’ll get one clear quote in plain words.

  • No cost to talk
  • One clear quote
  • 14 days of free fixes