AI Ship Audio

AI AUDIO · LISTEN TO A SHIP'S DESCRIPTION

Letting travellers listen to a ship's story instead of reading it

How I designed a short spoken summary for every ship — made automatically from information we already have, and placed right where travellers are comparing cruises.

My role: UX / UI Designer
Works on: Results & ship pages
Scope: 3 key design choices
Designer: Nehal Rana


01 — OVERVIEW

Many people already listen to articles instead of reading them — big news sites like TIME and the Washington Post offer a "listen" button with the length shown up front. I brought that same familiar idea to our cruise booking site: a short spoken summary for every ship.

Nobody has to write anything new. The audio is created automatically from the ship details, highlights and description the team already keeps up to date. Same information — just a second way to take it in.

• Made automatically
• One tap to listen
• Familiar play controls
• Clearly labelled as AI


02 — THE PROBLEM

Ship descriptions are long blocks of text — they take time to read, and there was no other way to get the information.

1. Reading was the only option
Ship descriptions are long, and travellers who'd rather listen while comparing cruises had no choice but to read.

2. A new idea needed to feel trustworthy
People already trust "listen" buttons on news sites, but they'd never seen one on a cruise booking site. It had to feel familiar from the first click.

3. Risk of the audio saying something different
If the audio were written separately, it could easily fall out of step with what the ship page actually says.


03 — HOW I GOT THERE

Three key choices shaped the feature — where it appears, what it's made from, and how openly it says it's AI.

Choice 01 — Use what we already have
The summary is made from the ship details, highlights and description already on the site — so there's nothing extra to write or keep updated.

Choice 02 — Right there, not on another page
The "Quick Listen" button sits next to the ship's name in search results — right when people are comparing — and opens without losing their place.

Choice 03 — Be upfront that it's AI
A small info icon beside the player explains the audio is AI-generated — always visible, never tucked away in a menu.


04 — THE RESULT

A "Quick Listen" button with the length shown sits beside each ship's name in search results, and again on the ship's own page. Tap it and a simple player opens right there — nothing else on the screen moves.

Length shown up front
Travellers see how long the audio is before they press play, so there are no surprises.

Opens where you are
One tap opens the player without jumping the page or resetting search filters.

Controls everyone knows
Skip, mute, speed and download — the same buttons people use on any audio player.

Same button on the ship page
It looks and works the same everywhere, so people only need to learn it once.

Sits beside the ship video
Audio and video live together, so all the ship's media is in one place.


FITTING INTO WHAT ALREADY EXISTS

Search results look the same
The button adds just one small line to each ship — nothing else on the results page changes.

One player, two places
Search results and the ship page use exactly the same player, so travel agents and travellers learn it once.

No extra writing work
Nobody writes a second version of the ship — the audio simply reads out what's already there.

The AI label is part of the design
The note that it's AI is just as easy to see as the button itself.


05 — WHAT CHANGED FOR TRAVELLERS

Easy to find
The button appears exactly where people are choosing between cruises — not hidden on another tab.

No surprises
The length is shown, the controls are familiar and the button is always in the same spot.

More ways to take it in
People who'd rather listen than read now have a real choice, with full play controls.

Nothing extra to maintain
Because the audio comes from information already on the site, keeping it current costs the team nothing.


06 — LOOKING BACK

The hardest part wasn't making the audio — it was resisting the urge to turn it into a big separate feature. Building it from what's already on the ship page meant the audio could never say something different, and nobody ended up with a second writing job.

Being open that it's AI, right next to the button, mattered more than hiding it would have. Trust came from honesty, not from making the voice sound human.

What I'd do next
• Bring Quick Listen to phones and to other pages beyond the ship page.
• Measure how many people listen all the way through, and whether it keeps them on the page longer.
• Let travellers choose different voices and speeds, the way some news sites do.