Thiết kế website bất động sản nghỉ dưỡng Hyatt Regency Danang Residences

Hyatt Regency Danang Residences là khu căn hộ và biệt thự trong quần thể nghỉ dưỡng 5 sao ven biển Đà Nẵng, do Gaw NP Capital đầu tư và Hyatt Hotels & Resorts™ vận hành. Website phục vụ khách cao cấp trong nước lẫn quốc tế, và phải tuân thủ brand guideline của một thương hiệu khách sạn toàn cầu.

Đề bài mâu thuẫn: ảnh phải đẹp tuyệt đối, trang không được chậm

Bất động sản nghỉ dưỡng bán bằng hình ảnh. Bộ ảnh thương hiệu được chụp và hậu kỳ kỹ lưỡng, nén mạnh tay làm bệt màu hoàng hôn trên biển thì mất luôn thứ đang cần bán. Để nguyên ảnh gốc thì trang nặng vài chục MB, khách bỏ đi trước khi ảnh kịp hiện.

Phần lớn công sức của dự án đổ vào việc dung hoà hai điều đó, chứ không vào tính năng. Cách làm gồm ba lớp:

• Mỗi vị trí hiển thị có một kích thước ảnh riêng: hero, thumbnail trong lưới và ảnh gallery toàn màn hình cắt sẵn đúng kích thước cần, không dùng chung một file rồi để trình duyệt co lại
• Mức nén thử riêng cho từng nhóm ảnh thay vì áp một con số chung: ảnh nội thất nhiều chi tiết chịu được nén cao hơn ảnh hoàng hôn có dải chuyển màu mịn
• Lazy-load theo hành vi cuộn thật: ảnh trong khung nhìn đầu tiên tải ngay, phần còn lại chờ

Cấu trúc nội dung theo loại sản phẩm

Căn hộ, biệt thự và khối tiện ích nghỉ dưỡng là ba loại nội dung khác nhau, không nên nhét chung một mẫu trang.

Trang sản phẩm bất động sản cần mặt bằng, diện tích, số phòng, hướng nhìn, tức thông tin khách xem để quyết định. Trang tiện ích (hồ bơi, spa, nhà hàng) thiên về kể chuyện: ảnh lớn, chữ ít, bố cục dạng tạp chí. Hai kiểu trang dùng template riêng, chỉ chung hệ thống thiết kế.

Form đăng ký nhận tư vấn nối thẳng tới đội kinh doanh, đặt ở cuối mỗi trang sản phẩm, đúng chỗ người xem vừa đọc xong thông tin và đang cân nhắc.

Làm việc trong khuôn khổ brand guideline quốc tế

Với thương hiệu như Hyatt, màu sắc, font chữ, khoảng cách logo, cách đặt tên dự án đều có quy định thành văn bản. Ràng buộc đó tiết kiệm thời gian: không còn tranh luận cảm tính về thẩm mỹ.