Case study
HomesWorld
Đặ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
Tổng quan
HomesWorld giúp đặt combo đảo Việt Nam (Cô Tô, Cát Bà, Quan Lạn, Minh Châu) 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.
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
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
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper