Redesign gaps: what we built from your answers

Emanuel, thanks for the comments and the updated designs of 8 November. This page shows, row by row, what we asked, what you answered and what is now built. It is not live yet.

Per your design built as your PDF or comment says Our decision not designed, so we chose Open still needs an answer

1. Row by row

Itinerary: add-ons before and after the trip

Per your design
We asked
Draw them for Groups and for desktop, or confirm Groups lose them.
You said
Done. Both sit below the itinerary now.
We built
"Pre-trip add-ons" and "Post-trip add-ons" under "See full itinerary", on Groups and Platforms, desktop and phone. Both start closed. The open state is covered in section 2.
Add-on accordions, closed
Built, desktop

"Preferred date unavailable? Contact us"

Per your designOur decision: the click
We asked
Confirm Groups keep it, and show it on desktop.
You said
Keep. Centred under "Show more departures".
We built
The line under the departures on Groups and Platforms, desktop and phone. The wording is our existing translated text, which says the same thing.
Our decision
The design does not show what "Contact us" opens. We kept today's contact form (name, email, phone, message) and only moved it into the new pop-up frame, so it looks like your Flights and Tour guide pop-ups. We did not redesign the form: it is the same one used across the site.
Contact us line under the departures
Built, desktop
Contact dialog
What "Contact us" opens

Rating tiles ("The trip at a glance")

Per your design
We asked
Do desktop and Platforms get them?
You said
Groups only, desktop and phone.
We built
Three tiles above the trip highlights, Groups only. They show the ratings our product team sets for each trip, so two things differ from the mock-up:
  • The three categories change per trip (Activity, Comfort, Culture, Nature, Physical level and others). The label is "Comfort", not "viComfort".
  • A trip shows tiles only if it has at least three ratings. Today that is about one trip in six.
Rating tiles, desktop
Built, desktop
Rating tiles, phone
Built, phone

Bar under the hero

Our decision
We asked
Draw the Platforms desktop version. Can the minimum group size go?
You said
Design done. For the group size, ask Zlatan or Louis.
We built
Platforms: from price, duration, ship type with capacity, ship category.
Our decision
Groups and Platforms use the same bar. Groups show only the maximum group size, not the minimum, to keep the bar short and the page shorter on phones. No answer needed.
Platforms bar under the hero
Built, Platforms desktop

Dates & Prices: row details

Per your design
We asked
One decision on the weekday and "From", for both screen sizes.
You said
No weekdays. "From" above the price on Groups and Platforms.
We built
Exactly that, on desktop and phone.
Still to do
Platforms desktop rows do not yet have the arrow and "8 days" between the two dates that your design shows. That is on our side.
Groups departure rows
Built, Groups
Platforms departure rows
Built, Platforms

Long lists and empty results

Per your design
We asked
Draw the end of the desktop list and the empty state.
You said
No pagination: "Show more departures", then a "No more departures" pill. New empty state. You also asked if pagination has any benefit.
We built
Both, on Groups and Platforms, desktop and phone, on the trip page and the ship page. "Reset filters" brings the list back. On pagination: we see no benefit worth keeping, so it is gone.
No results, Groups
Built, Groups
No more departures pill
Built, end of the list (Platforms)

Guide cards

Per your design
We asked
Confirm rating and "Show more" go.
You said
They stay: star score next to the name, trips led, "Show more".
We built
Three cards per row on desktop, a carousel with dots on phones. "Has led N trips" shows only for guides with more than 30 trips, as today.
Guide cards, desktop
Built, desktop
Guide cards, phone
Built, phone

Video

Per your design
We asked
Include the consent text in the video block.
You said
Added under the play button.
We built
White play button with the text under it, on every video. Before, only visitors who had not accepted marketing cookies saw the text.
Video with consent text
Built, desktop

Trip card map, availability chip, sticky card

Per your design
You said
Keep the "Map" chip on Groups and Platforms cards, with the image swap and no pop-up. Keep the availability chip on departure lists. Groups lose the date select and the trip name in the sticky card.
We built
The Map chip is back on Platforms cards. The availability chip ("3 spots left", "Closed", "Available") is back on departure lists outside the trip page. The sticky card already matched, so nothing changed.

Itinerary day tabs

Per your designOur decision: add-on clicks
We asked
Draw the other tabs (Accommodation, Extras, Wildlife, Food).
You said
Added. We found the frames in Figma.
We built
The day cards from your Figma frames: round day badge, title and route, icon-only tabs on phones (icon and label on desktop). Details: media, place links, meals and transport, then the text. Accommodation: photos, hotel, type, category, website and the hotel-change notice. Wildlife: the sightings notice and round animal photos. Add-ons: "Optional add-ons" with cards. Titles use the brand's headline blue.
Our decision
A day's add-on belongs to that day, but visitors choose it in the booking flow, not on the trip page. So "More" and "Read more" open the add-on details pop-up, the same one as the pre- and post-trip add-ons. The "Popular" chip shows only for add-ons with at least 20 ratings averaging above 4.4. Inside a day we show at most two add-on cards per row on desktop, so they stay readable.

Special departure states

Per your design
We asked
One row example each for "Recommended", discount, "Inquiry", add-on rows, "Guaranteed" and the waiting-list card.
You said
Added. We found them in Figma.
We build
From your Figma frames.

Rows that are still open

Open

2. Page 6: what we meant

The open state of the add-ons

Our decision

Sorry, that page was unclear. The four phone screenshots were evidence for other rows, with one real gap behind them: Figma shows "Pre-trip add-ons" and "Post-trip add-ons" only closed. It does not show what a visitor sees after opening one.

Your new PDF shows the open state for Groups (three cards on desktop, stacked cards on a phone), so we followed it and filled in the rest ourselves:

If you want a different open state, a Figma frame for phone and desktop is all we need.

Add-ons open, desktop
Built, desktop open
Add-ons open, phone
Built, phone open
Add-on details pop-up
What "Read more" opens

3. Not built

One note on wording: where a text already exists on the site in all languages, we kept it, so a few labels differ slightly from the mock-ups (for example "No results" for "No results found"). New texts such as "Show more departures" and "No more departures" follow your design.