Nâng cấp website đặt phòng Haviland House là dự án Web99 thực hiện cho havilandhouse.com, website trung tâm của hệ sinh thái lưu trú Haviland với chức năng đặt phòng cho hơn 250 tòa khách sạn và căn hộ. Website vốn chạy frontend Next.js với backend Strapi, một CMS mã nguồn mở đa năng. Qua thời gian vận hành, khi lượng dữ liệu phòng, đơn đặt và nội dung ngày càng lớn, lớp backend này dần trở thành điểm nghẽn, trong khi trải nghiệm phía người dùng cũng cần làm mới để theo kịp kỳ vọng của khách đặt phòng. Bài toán đặt ra là một cuộc nâng cấp kép: thay toàn bộ backend bằng hệ thống API riêng trên ExpressJS và nâng cấp sâu giao diện Next.js, tất cả diễn ra trên một website đang bán phòng mỗi ngày.
Thách thức từ phía khách hàng
- CMS đa năng nhưng không sinh ra cho nghiệp vụ đặt phòng: Strapi mạnh ở quản trị nội dung, nhưng các nghiệp vụ đặc thù như tìm phòng trống theo ngày, lọc theo khu vực và mức giá, hay đồng bộ trạng thái phòng đều phải uốn theo cấu trúc của CMS. Mỗi tính năng mới là một lần lách qua giới hạn của nền tảng thay vì viết thẳng logic cần có.
- Hiệu năng kém dần theo quy mô dữ liệu: Với hàng nghìn phòng và lượng truy vấn tìm kiếm liên tục, tầng trung gian của CMS khiến các truy vấn phức tạp chậm hơn mức cần thiết, ảnh hưởng trực tiếp tới trải nghiệm tìm và đặt phòng, thứ quyết định doanh thu của website.
- Trải nghiệm đặt phòng cần nhiều hơn một ô tìm kiếm: Khách ngày nay không chỉ tìm phòng trống, họ muốn biết quanh khách sạn có gì, lịch trình mấy ngày nên đi đâu, và thương hiệu mình sắp ở thuộc phân khúc nào. Website cũ chưa trả lời được những câu hỏi đó, nghĩa là đang bỏ lỡ cơ hội giữ chân và thuyết phục khách.
- Chuyển đổi phải nhanh, chính xác và không gián đoạn: havilandhouse.com là kênh bán phòng đang chạy, kết nối với check-in online, ứng dụng di động và các landing page vệ tinh. Thay cả backend lẫn làm mới frontend phải diễn ra gọn trong khung thời gian ngắn, dữ liệu chuyển đổi chính xác tuyệt đối và không được phép làm rơi một đơn đặt phòng nào.
Giải pháp từ Web99
Web99 thực hiện cuộc nâng cấp trên cả hai tầng của hệ thống, với các điểm nhấn:
- API ExpressJS viết riêng cho nghiệp vụ lưu trú: Các luồng tìm phòng trống, lọc theo tỉnh thành, khoảng giá, số khách và sắp xếp kết quả được thiết kế thành API chuyên biệt, truy vấn tối ưu thẳng xuống cơ sở dữ liệu thay vì đi qua các lớp trừu tượng của CMS. Logic đặt phòng nằm trọn trong tay đội phát triển, muốn mở rộng gì cũng viết thẳng được.
- Backend gọn nhẹ, phản hồi nhanh: Bỏ đi phần nền tảng CMS không dùng đến, hệ thống mới chỉ chạy đúng những gì website cần, giảm tài nguyên máy chủ và rút ngắn thời gian phản hồi ở các trang tìm kiếm và chi tiết khách sạn, nơi khách ra quyết định đặt.
- Giao diện Next.js nâng cấp toàn diện: Song song với backend, frontend được làm mới để nâng trải nghiệm đặt phòng, bổ sung loạt module mới: kế hoạch chuyến đi gợi ý lịch trình cho khách lưu trú, vùng lân cận giới thiệu tiện ích và điểm đến quanh mỗi khách sạn, và trang thương hiệu khách sạn trình bày từng dòng thương hiệu trong hệ thống để khách chọn đúng phong cách lưu trú của mình.
- Chuyển đổi thần tốc theo từng nhóm chức năng: Frontend được trỏ dần sang bộ API mới theo từng khối, hai hệ thống chạy song song trong giai đoạn chuyển tiếp với kịch bản kiểm thử và quay lui rõ ràng. Toàn bộ quá trình diễn ra nhanh gọn, khách đặt phòng không gặp bất kỳ gián đoạn nào, đường dẫn và thứ hạng SEO giữ nguyên vẹn.
- Di chuyển dữ liệu có đối soát: Toàn bộ dữ liệu khách sạn, phòng, nội dung và hình ảnh được chuyển từ Strapi sang cấu trúc mới với quy trình kiểm tra chéo từng bước, đảm bảo chính xác tuyệt đối khối thông tin tích lũy qua nhiều năm vận hành.
- Nền tảng chung cho cả hệ sinh thái: API mới trở thành đầu mối dữ liệu cho website, check-in online và các hạng mục khác của Haviland, thay vì mỗi nơi một kiểu kết nối như trước.
Kết quả
Hệ thống mới đi vào hoạt động đã mang lại cho Haviland House:
- Website nhanh và ổn định hơn rõ rệt: Các trang tìm kiếm và đặt phòng phản hồi nhanh hơn, máy chủ nhẹ gánh trong mùa cao điểm, trực tiếp cải thiện trải nghiệm của khách đặt phòng.
- Trải nghiệm đặt phòng giàu thông tin hơn: Khách không chỉ đặt phòng mà còn lên được kế hoạch chuyến đi, khám phá vùng lân cận và hiểu từng thương hiệu khách sạn, website từ công cụ tra phòng trở thành người bạn đồng hành của cả hành trình.
- Chủ động hoàn toàn về tính năng: Mọi yêu cầu nghiệp vụ mới được phát triển thẳng trên API riêng, không còn phụ thuộc vào giới hạn hay chu kỳ nâng cấp của một CMS bên thứ ba.
- Chuyển đổi không gián đoạn kinh doanh: Cuộc nâng cấp cả backend lẫn frontend hoàn tất nhanh chóng khi website vẫn bán phòng bình thường, không mất dữ liệu, không mất thứ hạng, một lần nữa khẳng định niềm tin Haviland dành cho Web99 ở những hạng mục ngày càng sâu về kỹ thuật.
Dự án nâng cấp website đặt phòng Haviland House cho thấy năng lực của Web99 ở những cuộc chuyển đổi hệ thống lớn: thay backend bằng API thiết kế theo nghiệp vụ thực tế, nâng cấp trải nghiệm người dùng với các module mới, và thực hiện tất cả nhanh chóng, chính xác trên một website đang kinh doanh.
Hình ảnh dự án
