Case study
Nền tảng đặt combo du lịch
Đặt combo đảo — khách sạn, di chuyển, bản đồ và thời tiết trong một kế hoạch.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 03.2026 — 05.2026
- Công nghệ
- WordPress + NextJS · REST API · ShadCn UI
Dự án bảo mật
Đây là dự án khách hàng đã được ẩn danh. Thương hiệu, trang live và hình ảnh thuộc thỏa thuận bảo mật (NDA) — liên hệ để mình trao đổi chi tiết về cách làm, quyết định và kết quả.
Liên hệ để trao đổi về dự ánDemo bộ lọc
Thử thanh lọc
- Highland loop3d · $420
- Coastal escape5d · $680
- Delta discovery2d · $310
- Mountain trek4d · $540
Demo ẩn danh — không brand khách hay inventory live.
Tổng quan
Nền tảng giúp đặt combo đảo Việt Nam gồm nghỉ dưỡng + di chuyển, bản đồ tương tác, lọc, chi tiết phòng và widget thời tiết.
Phác thảo giao diện
Vấn đề
01Chuyến đảo không chỉ là phòng khách sạn — còn di chuyển, thời tiết, địa lý. Khách cần so combo thay vì ghép từ năm tab.
Hướng tiếp cận
02- Next.js + Tailwind từ Figma
- WordPress CPT/ACF → REST
- Lọc combo, trang chi tiết, bản đồ điểm đến
- Widget thời tiết
- GSAP/Swiper cho UX khám phá
Quyết định quan trọng
03- Combo là sản phẩm chính
- Map + thời tiết là công cụ quyết định
- Trang chi tiết dễ scan trên mobile trước checkout
Tác động
Lab / shipping
Ảnh chụp Lighthouse
Performance
Lighthouse
LCP
1.6s
Lab mobile
Lab mobile trên bản build giống production — URL khách vẫn riêng tư.
Combo đảo
4
SKU chính
Hỗ trợ quyết định
Map
Bản đồ + thời tiết
LCP
1.6s
Lab mobile
Performance
94
Lighthouse
Kết quả
Khám phá combo có map và thời tiết
Mô hình nội dung headless cho điểm đến/gói
Motion gọn, hiệu năng ổn
Công nghệ dùng
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper
Kiến trúc
Cách hệ thống được nối. UI khách không đưa lên trang này — tên, logo và screenshot thuộc NDA.
- 01Gói
- 02Bộ lọc
- 03Next.js
- 04Checkout