Thiết kế website bất động sản cho Indochina Capital

Indochina Capital hoạt động trong lĩnh vực đầu tư bất động sản và dịch vụ tài chính từ năm 1999. Website đóng vai trò hồ sơ năng lực trước đối tác quốc tế và nhà đầu tư, không phải kênh bán hàng. Ba ràng buộc theo sau: chỉn chu tuyệt đối về hình ảnh, song ngữ Anh/Việt, và nhanh với người truy cập từ nước ngoài.

Song ngữ: hai phiên bản độc lập, một cấu trúc chung

Sai lầm phổ biến khi làm web song ngữ là coi bản tiếng Anh là "bản dịch" của tiếng Việt, buộc hai bên phải giống nhau từng đoạn. Với công ty đầu tư thì không được: thông cáo báo chí gửi đối tác nước ngoài khác với tin đăng cho thị trường trong nước, và có nội dung chỉ tồn tại ở một ngôn ngữ.

Cấu trúc tôi chọn cho phép hai phiên bản độc lập về nội dung nhưng đồng bộ về cấu trúc: cùng bộ trang, cùng kiểu dữ liệu, khác nội dung. Đội truyền thông đăng bài tiếng Việt mà chưa có bản tiếng Anh cũng không làm vỡ điều hướng.

Danh mục dự án đầu tư trình bày dạng portfolio

Với bất động sản cao cấp, ảnh làm phần lớn công việc thuyết phục. Danh mục dự án vì thế bố cục theo hướng portfolio: ảnh khổ lớn, khoảng trắng rộng, thông tin gọn.

Mỗi dự án là một kiểu dữ liệu riêng với các trường cố định: vị trí, loại hình, quy mô, tình trạng. Trang danh sách lọc được mà biên tập viên không phải nhớ định dạng. Bên cạnh đó là hồ sơ đội ngũ lãnh đạo và dòng thời gian các mốc phát triển, hai khối nhà đầu tư tổ chức luôn đọc.

Tốc độ khi người xem ở cách máy chủ nửa vòng trái đất

Khách truy cập đến từ Việt Nam, Hong Kong, Singapore, Mỹ. Với người ở xa, độ trễ mạng cộng dồn khiến trang nặng chậm hẳn đi, ngay ở lần mở đầu tiên.

Tôi xử lý bằng ba việc, theo thứ tự hiệu quả giảm dần:

• Cache toàn trang ở tầng máy chủ để mỗi lượt xem không phải dựng lại HTML
• Chuẩn hoá kích thước ảnh theo đúng vị trí hiển thị, thay vì tải ảnh gốc rồi thu nhỏ bằng CSS
• Cắt tối đa script bên thứ ba

Việc thứ ba hay bị bỏ qua. Vài đoạn mã theo dõi và tiện ích không ai đọc số liệu có thể nặng hơn toàn bộ phần còn lại của trang cộng lại.