Case study
Travel Combo Booking Platform
Island combo booking — hotels, transport, maps, and weather in one plan.
- Role
- Frontend Developer
- Period
- 03.2026 — 05.2026
- Stack
- WordPress + NextJS · REST API · ShadCn UI
Private client project
This is anonymized client work. The brand, live site, and visuals are covered by an NDA — reach out and I'll walk you through the details, the decisions, and the results.
Contact to discuss this projectFilter UI demo
Try the filter rail
- Highland loop3d · $420
- Coastal escape5d · $680
- Delta discovery2d · $310
- Mountain trek4d · $540
Anonymized demo — no client branding or live inventory.
Overview
The platform helps travelers book Vietnamese island combos with lodging + transport, interactive maps, filters, room details, and destination weather.
Interface sketch
The problem
01Island trips involve more than a hotel SKU — transport, weather, and geography matter. Guests need to compare combos without assembling the trip from five tabs.
Approach
02- Next.js + Tailwind UI from Figma
- WordPress CPT/ACF → REST for combo content
- Filtering, room/booking detail pages, interactive destination map
- Destination weather widget
- GSAP/Swiper for smooth exploration UX
Key decisions
03- Treat combo as the primary product, not isolated rooms
- Map + weather as decision aids, not decorative widgets
- Keep detail pages scannable on mobile before checkout
Impact
Lab / shipping
Lighthouse snapshot
Performance
Lighthouse
LCP
1.6s
Mobile lab
Mobile lab on a production-like build — client URL stays private.
Island combos
4
Primary SKU
Decision aids
Map
Map + weather
LCP
1.6s
Mobile lab
Performance
94
Lighthouse
Outcomes
Combo discovery with map and weather context
Headless content model for destinations and packages
Polished motion without sacrificing performance
Technologies
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper
Architecture
How the build is wired. Client UI stays off this page — names, logos, and screenshots are covered by NDA.
- 01Packages
- 02Filters
- 03Next.js
- 04Checkout
Need a travel combo builder — packages, filters, and checkout in one rail?