Chào cả nhà, mẫu web design Here & Away của Duo Studio là một ví dụ rất hay về việc tạo ra một editorial travel platform. Thay vì dùng photography như một lớp wallpaper trang trí, ở đây, bức ảnh lại được biến thành chính giao diện điều hướng.
Điểm ấn tượng là cách thiết kế này giải quyết vấn đề mà nhiều platform du lịch thường mắc phải: cứ dùng ảnh làm nền, rồi interface thực thụ lại nằm chồng lên trên. Here & Away đã đảo ngược điều này. Duo Studio và Andrea Jelić đã cấu trúc web design sao cho toàn bộ khung hình landscape đầy màu sắc trở thành bề mặt điều hướng chính—tức là, bức ảnh chính là interface.
Về mặt typography, trang này sử dụng một font serif lớn (khoảng 120pt) cho tên property, kết hợp với caption weights cực kỳ light. Sự tương phản này gợi nhớ đến phong cách editorial in ấn. Layout cũng rất thông minh vì nó chuyển đổi giữa dark-on-light và light-on-dark, tùy thuộc vào việc người dùng đang duyệt index hay đang ở trang chi tiết của một destination.
Một chi tiết khác cực kỳ độc đáo là pattern cuộn ngang (horizontal scroll) — một điều khá hiếm thấy trong web travel — nó làm cho mỗi property trông như một sequence các trang trong tạp chí.
Về mặt màu sắc, bảng màu được giữ ở các tông ochres ấm, xanh forest đậm và trắng ngà. Thay vì áp đặt một global brand color, các màu này lại theo sát landscape của từng điểm đến.
Khoảng cách giữa Tạp chí và Booking được thu hẹp thế nào?
Từ góc độ editorial design, truyền thống luôn biết cách khiến một nơi trở nên “xứng đáng để ghé thăm” trước cả khi người ta đọc bất kỳ dòng chữ nào. Here & Away đã áp dụng logic này vào một bối cảnh web design chức năng. Câu hỏi ở đây không phải là có nên dùng ảnh đẹp hay không, mà là liệu cấu trúc interface có tôn trọng bức ảnh để nó tự mang lại ý nghĩa hay không. Kết quả là một platform mà trải nghiệm duyệt web giống việc đọc tạp chí hơn là hành động search. Và web design này cũng làm được điều đó bằng cách kiềm chế sự thôi thúc muốn phủ các element chuyển đổi (conversion elements) lên trên bức ảnh.
Xem thêm tác phẩm của Duo Studio tại [behance.net/gallery/248423965/Here-Away-Web-Design].