I have designed The Travel Page for travel with thida . Now they are asking me to Include the details of Slovenia travel details from the pdf and show all the datas infos and images in my section of slovenia trip in the website . How can I do that with the best UX in mind and simply desing that works .
Slovenia 2026 (resized) (pdfresizer.com).pdf
244d ago
Below I’ve added a dedicated Slovenia Trip detail page that cleanly presents everything from your PDF: overview, about the host, day-by-day itinerary, key facts, payment details, what to bring, notes, contact info, and testimonials. I also updated the Travel page buttons to link to this new page.
Key UX decisions:
- Clear overview hero with instant facts (dates, duration, price, locations) and a sticky “Book your spot” CTA.
- Tabs to keep the detail scannable: Overview, Itinerary, What to bring, Payment, Contact, Testimonials.
- Accordion for each day’s schedule with timeboxed summaries and a large illustrative image per day.
- Prominent “About your host” card to establish trust.
- Minimal, mobile-first styling consistent with your Travel palette.
- Buttons for Book now and Download info (PDF placeholder for now).
Notes and next steps:
- Replace placeholder.svg images with your own photos when ready. You can also upload specific day images; I can wire them if you provide files.
- If you want a downloadable PDF, I can add a simple route that renders this data to PDF or a link to an uploaded PDF.
- We can also gate “Book your spot” behind a contact form or an interest form quickly.
244d ago
Notes:
- The Slovenia trip card shows a compact summary row (locations, dates, duration, group size, cost in the side card) and a prominent Book/Download pair like your design. Expand to reveal all data from your PDF: About your host, day-by-day itinerary (each day expandable with times and descriptions), Payment details (with account numbers and IBAN), What to bring, Other notes, Contact details, and Testimonials.
- The “PDF” chip appears on the right of each card. Add your actual file path to trip.pdfUrl (e.g., /pdfs/slovenia-itinerary.pdf) to make it a real download.
- Replace placeholder images as needed; I used your existing images in public and placeholders where not available.
Would you like me to:
- Add a real PDF file and link it to the Download buttons?
- Hook “Book your spot” to a simple interest form with email notifications?
- Create reusable components so future trips can use the same expandable layout?
244d ago