Seaya Holidays

Building the booking journey around what stopped people

(Brand Identity + User Research + Usability Testing + UX Design + Prototyping)

Shipped 2022 · not measured

An open laptop on a weathered timber table in an overwater bungalow, its screen filled with the Seaya Holidays home page: the logo, the line Book your holiday quickly and safely over an underwater photograph of fish, a row of search fields beneath it and three blocks of reassurance below. Beyond the table, timber posts, a shingled bungalow on stilts and clear turquoise water.

(Overview)Seaya sells week-long diving trips to Malaysian islands, paid upfront by Australians who have never been there. I asked 35 people what goes wrong when they book a hotel, watched four bookings up close, and built a page that answers what people actually stop on.

At a glance

Client
Seaya Holidays
Sector
Travel
Year
2022–2023
Role
Product designer
Scale
4 island resorts
Status
Shipped

The colours, off the mark

Type

Aa set in Futura Demi.Futura DemiPrimary
Aa set in Futura Light.Futura LightSecondary

Demi carries the name. Light does the letterspacing under it.

The problem

Nobody sends money to a stranger for an island they have never seen.

A Seaya package costs between $775 and $1,340 a person. You pay before you fly, to a small agency you found on the internet, for a resort you can only see in photographs.

There is no shopfront and no second chance. Every doubt a person has, every question they would put to an agent across a desk, has to be answered on the website, because there is nowhere else for it to happen. Get it wrong and nobody complains. They close the tab, and you never find out why.

Seven people asked the survey for more photographs, and three said why in the same breath: the pictures are too generic to tell the rooms apart. One asked for no stock imagery. Another wanted images of the actual room. A woman in a session put it harder: “you have to have loads of photos, and if you didn’t I’d be very dubious. I wouldn’t go there because they hiding something.” Photographs are not decoration here. They are how you compare, and how you decide whether anyone is telling the truth.

The top of a Seaya resort page: an aerial photograph of Mataking, a private island ringed by pale sand and turquoise water, above a strip of eight more photographs. Below it the resort name and description, a card giving the starting price of 1340 dollars with a View packages button, and three small assurances, an Australian-based agent, a seven-day change of mind and a best price guarantee.
A resort page, and the price card under the photographs.

The brand

A company nobody has heard of has to look like somewhere you would actually go.

The logo was mine too, and it had the same job as the site.

So the mark is a place rather than a monogram: a map pin, with a gold sun dropping behind three layers of water. The name does half the work already, sea and see, and the mark finishes the sentence.

It sits in the header of every page, which is the first thing anybody judges and the last thing they remember.

Gold for the sun, three turquoises for the water, one deep teal for the words. A palette you can picture before you have read anything, which is what you want when the thing being sold is a week somewhere warm.

A low gold sun resting on the horizon over a shallow tropical lagoon, photographed on a long lens so the sun is large and the water is compressed into layers: a soft blue-green band at the horizon, clear turquoise beyond the middle, and pale sand and coral showing through the shallows in the foreground, with a broken path of gold light running down the water.
A low gold sun over a shallow lagoon.

What I did

So I stopped guessing, and watched people try to book.

I asked 35 people about the last hotel website they used. Six of them had failed to do what they went there for.

Then I watched two people book on two competitors’ sites, four sessions in all, because Seaya had nothing to test yet, writing down what they did and said to the second.

The form was never the problem. Not knowing was. One woman clicked a calendar arrow six times to reach her month, waited fifty-one seconds for a page, could not work out an add-on called Double bed, and still finished with “I don’t know if it’s Free Cancellation. I’m not ready to go through to payment yet.”

So I put the answers in front of the form. Every resort page carries all four room types, every package, every price and a plain list of what is included, in one view, with a booking button on each room. Nothing that decides the sale sits behind a click.

The customer journey map: a grid tracking a person through booking a hotel, from first impression to choosing check-in dates. Down the side, rows for context, goals, behaviours, mental model, positive experience, quotations, pain points and opportunities; along the top, an emotional line rising and falling stage by stage, with what people said set in green where it went well and red where it did not.
The customer journey map, stage by stage.

What I’d bring

Doing the research is the easy half.

I find out what actually stops people, then argue for the design that answers it, including when the answer is less elegant than the one everybody already likes.

Here the tidy option was a step-by-step wizard, and every instinct in the category points at one. The right answer was the page you could read across, because the sessions showed people withholding a decision rather than getting lost.

Holding the line on what the research found is the half that gets the thing built.

The reasoning runs both ways. The photographs are specific because seven people asked for better ones. The rooms sit side by side because comparing them was the survey’s most common complaint. The change-of-mind window sits beside the price because a woman got all the way to payment and stopped, over exactly that.

A loose stack of six printed A4 pages on a worn timber plank desk in daylight, seen from directly above. The top page is the survey results: the heading Hotel Website Survey, 35 responses, and a question about when people last visited a hotel website answered with three bars, fifteen within the last four weeks, twelve within the last twelve months and eight more than twelve months ago.
The survey results, thirty-five responses.

Outcomes

Four resorts, every package in one view, nothing held back for the checkout.

On each resort every room type, every package length and every price sits in a single view, with a booking button beside each room. Telling rooms and packages apart was the survey’s most common complaint, and it is the one thing this page is built to make easy.

I handed the site over at launch, so there is no analytics account behind it and no conversion figure. The four numbers beside this are from the research, not from the result. They are what I actually know.

People surveyed
35
Did not finish
6 in 35
Bookings watched
4
Longest wait
51 sec
The live Seaya Holidays Hotels and Resorts page: a price filter set from 775 to 1375 dollars above four resort cards, each with a large photograph, three smaller ones, the resort name and island, a short description, a starting price of 1340, 960, 885 and 775 dollars, and a View offer button.
The Hotels and Resorts page, live.

Role

I ran the research, designed the journey and the logo, then built the front end. Seaya set the prices, and the resorts set what each package held.

What I did

  • The survey and the four booking sessions
  • Flows, interaction design and the visual design
  • The logo and the identity it carries
  • The front-end build

What the team did

  • Seaya chose the resorts and set the prices
  • The resorts set what each package includes

Gallery

01 / 06

The promise, and the search that follows it
Customer journey map, and where it lost people
One resort, everything on the page
Diver or non-diver, one clear choice
Interaction design, and every state in between
Where the island actually is

Use the left and right arrow keys to move through the images.

01 / 06

An open laptop on a weathered timber table in an overwater bungalow, its screen filled with the Seaya Holidays home page: the logo, the line Book your holiday quickly and safely over an underwater photograph of fish, a row of search fields beneath it and three blocks of reassurance below. Beyond the table, timber posts, a shingled bungalow on stilts and clear turquoise water.
The promise, and the search that follows it
The whole customer journey map: ten stages across, from getting a first impression of a hotel through searching, evaluating and finally confirming a booking. Down the side, rows for context, goals, behaviours, mental model, positive experience, quotations, pain points and opportunities, with a line of emotional highs and lows running across the top and what people said set in green where it went well and red where it did not.
Customer journey map, and where it lost people
Someone sitting at a long timber desk in a bright room, seen from behind and to one side, looking at a large monitor. On the screen is the live Seaya Holidays page for Mataking Reef Resort: the Seaya logo and the site navigation across the top with a telephone number and email beside them, a breadcrumb reading Home, Hotels and Resorts, Mataking Reef Resort, a starting price of $1340 and a View packages button, then a wide aerial photograph of a long green island ringed by pale turquoise shallows and deep blue water, a strip of smaller photographs under it, and the heading Mataking Reef Resort over a line about a secluded private island in the Celebes Sea. A sash window behind the desk looks out on gum trees in hard midday sun. A keyboard, a trackpad and a plain stoneware mug sit on the timber.
One resort, everything on the page
The live Seaya Holidays packages page, headed Available Packages over the line Choose Diver or Non-diver packages and a two-way toggle currently set to Non-diver. Under it a room called Garden View Deluxe (West), with photographs of the room, a description, a numbered list headed Package includes covering airport and boat transfers, full board meals, unlimited snorkelling and the boat times to the dive sites, and four boxes of options: four days and three nights at $1340 per person twin or triple sharing, five days and four nights at $1650, half the package rate for children aged three to twelve, and free of charge for infants. A blue Book my holiday button runs the width of the page beneath them, and a second room, Garden View Deluxe (East), begins below.
Diver or non-diver, one clear choice
The whole booking flow drawn by hand on graph paper and laid out as a diagram, with arrows running from one screen to the next. It starts at the home page, moves through the header search a step at a time as a destination is chosen, another is added, dates are set and the number of guests is picked, then on to the search results as a list and as a grid, the hotel page, an add-ons pop-up, the room page, the booking review, the payment page and the payment confirmation. Every screen carries handwritten notes down its side saying what the person does and what the interface does back.
Interaction design, and every state in between
The Location tab of the live Seaya Holidays resort page, giving the address as Fajar Complex, TB 212, Jalan Bunga, 91000 Tawau, Sabah, Malaysia, above a Google map with a pin dropped on Tawau on the Sabah coast and Sebatik Island across the bay from it. The tail of the package options and a Book my holiday button sit above the tab. Below it runs the site footer: a notice that airlines and border rules changed during COVID-19, columns of links for Explore and Company, a contact block with a telephone number, an email address and a Western Australian postal address, and the Mastercard, PayPal, Visa and Stripe marks.
Where the island actually is

(The call)Everything on one page, rather than the tidy step-by-step booking wizard the category expects.

A wizard tests beautifully in a lab, because each screen on its own is simple. It was wrong here, and the sessions said why. People were not confused, they were unconvinced, and they wanted two rooms and two prices in their head at the same time. A wizard hides the thing you are comparing behind the step you happen to be on. The woman who said “I like when it’s all on the one sheet, more like an Excel sheet with the picture, it’s just easier to compare the prices” was not asking for a better flow. She was asking for a table she could read. The wizard would have scored better on first use and sold fewer holidays.

Website

What I learned

People gave up most often because they could not tell a room from a package. That is the size of thing a booking flow is actually lost to.

The research was done on competitors rather than on Seaya, which is why it was possible before there was anything to test, and on hotel booking rather than dive booking, which is the one transfer I trusted rather than tested. The next honest step was running the same method on the built page. I did not get to it then, and it is the first thing I would do with it now.

More case studies