Case study
Lotus Charm Travel
Đặt tour đa ngôn ngữ cho khách quốc tế — lọc, yêu cầu riêng, thanh toán.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 04.2025 — 06.2025
- Công nghệ
- WordPress (Headless CMS) · REST API · GSAP
Tổng quan
Lotus Charm Travel là nền tảng tour cá nhân hoá với lọc điểm đến/ngày/thời lượng/ngân sách, yêu cầu tour riêng, Megapay và hỗ trợ EN/ZH.
Vấn đề
01Khách quốc tế cần tin vào ngôn ngữ, giá và chỗ trống. Brochure site không gánh nổi filter, custom request và payment.
Hướng tiếp cận
02- UI Next.js từ Figma + motion
- WordPress headless CPT/ACF → REST
- Filter tour + custom request
- Megapay + form booking
- Performance và đa ngôn ngữ
Quyết định quan trọng
03- Đa ngôn ngữ là requirement sản phẩm
- Tái dụng bài học Tiệm Tour, đổi cổng thanh toán
- Tối ưu cho mạng mobile khi đi tour
Tác động
Lab / shipping
Ngôn ngữ
EN/ZH
Khách quốc tế
Bộ lọc tour
4
Kèm ngân sách
LCP
1.5s
Lab mobile
Checkout
Megapay
Đã nối thanh toán
Kết quả
Khám phá tour có filter và custom request
Booking gắn Megapay
Trải nghiệm EN/ZH với nền tảng hiệu năng tốt hơn
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- WordPress (Headless CMS)
- REST API
- GSAP