Redesign gaps: what we built from your answers
Emanuel, thanks for the notes and the updated designs. Here are the answers to your questions.
1. Your questions
Page 6: what were we asking for?
Our decisionSorry, that page wasn't clear. The four phone screenshots back up rows elsewhere in the document. The one real gap behind them: Figma only shows "Pre-trip add-ons" and "Post-trip add-ons" closed, so there was no design for what a visitor sees after opening one.
Your new PDF shows the open state for Groups, three cards on desktop and stacked cards on a phone. We followed that and decided the rest:
- Tinted header, white body. Desktop shows three cards per row and adds rows when a trip has more than three add-ons. On a phone the cards stack, full width. Platforms looks the same, in orange.
- Each card has a photo, the number of days, the review score if there is one, the title, four lines of text and "Read more". The price sits bottom left with a filled button on the right. Well-rated add-ons (at least 20 ratings averaging above 4.4) get the "Popular" chip.
- "Read more" and the button both open the add-on details we already have (price, single room supplement, full text, what's included), in the new pop-up frame. Your design doesn't have this pop-up.
- Both sections start closed, and each opens on its own.
If you had a different open state in mind, send us a Figma frame for phone and desktop.
Worth knowing: can you send a link or samples?
OpenHere's one: viventura.de/reise/xega#tab=worthKnowing. It's a short list of practical notes, for example that the route was planned so travellers get used to the altitude slowly, and that the flight back from Galapagos can take up to 24 hours. Only a few trips have it. Could you confirm a style for it, or draw it?
What we built from your notes (10 rows)
Per your design built the way your PDF or comment says
Our decision no design for it, so we picked
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 go below the itinerary.
- We built
- "Pre-trip add-ons" and "Post-trip add-ons" sit under "See full itinerary" on Groups and Platforms, desktop and phone. Both start closed. What they look like open is in the page 6 answer above.
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, on Groups only. They use the ratings our product team gives each trip, which changes two things compared to the mock-up:
- The categories depend on the trip. It can be Activity, Comfort, Culture, Nature, Physical level or others, and the label says "Comfort", not "viComfort".
- A trip needs at least three ratings to show the tiles. Right now about one trip in six has that.
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
- That, on desktop and phone.
- Still to do
- On Platforms desktop, your rows have an arrow and "8 days" between the two dates. Ours don't have that yet. We'll fix it on our side.
Long lists and empty results
Per your design- We asked
- Draw the end of the desktop list and the empty state.
- You said
- Drop pagination. Use "Show more departures", and end the list with a "No more departures" pill. New empty state.
- We built
- Both, on Groups and Platforms, desktop and phone, on the trip page and the ship page. "Reset filters" brings the list back.
Guide cards
Per your design- We asked
- Confirm the rating and "Show more" can go.
- You said
- They stay: stars 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" only shows for guides with more than 30 trips, same as today.
Video
Per your design- We asked
- Include the consent text in the video block.
- You said
- Added under the play button.
- We built
- A white play button with the text under it, on every video. Until now only visitors who hadn't accepted marketing cookies saw the text.
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. On Groups, the sticky card loses the date select and the trip name.
- We built
- Platforms cards have the Map chip again. Departure lists outside the trip page show "3 spots left", "Closed" or "Available" again. The sticky card already looked like that, so we left it.
Special departure states
Per your design- We asked
- One example row each for "Recommended", discount, "Inquiry", rows with an add-on, "Guaranteed" and the waiting-list card.
- You said
- Added. We found them in Figma.
- Next
- We'll build them from your Figma frames.
"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 it, centred under "Show more departures".
- We built
- The line under the departures on Groups and Platforms, desktop and phone. The wording is the text we already have translated, which says the same thing.
- Our decision
- Your design doesn't show what "Contact us" opens. We kept the contact form we have today (name, email, phone, message) and put it in the new pop-up frame, so it matches your Flights and Tour guide pop-ups. The form itself is unchanged, since the whole site uses it.
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. Each day has the round badge, the title and the route. Tabs are icons only on phones and icon plus label on desktop.
- Details: media, place links, meals and transport, then the text.
- Accommodation: photos, hotel name, type, category, website and the note that the hotel can change.
- Wildlife: the note about sightings and the round animal photos.
- Add-ons: "Optional add-ons" with cards.
- Our decision
- An add-on in a day tab belongs to that day, but people pick 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 the pre-trip and post-trip add-ons use. The "Popular" chip only shows on add-ons with at least 20 ratings averaging above 4.4. On desktop a day shows at most two add-on cards per row, otherwise they get too narrow to read.
2. Still open
Pages 8 to 13 of our document, whenever you get to them.