Thiết kế website portfolio — tác phẩm là giao diện

Bài toán riêng của một portfolio

Ảnh phải lớn và phải nhanh. Hai yêu cầu này chống nhau, và đó là toàn bộ phần kỹ thuật của một website portfolio.

Cách chúng tôi giải: mỗi ảnh được xuất ra nhiều kích thước, trình duyệt tự chọn kích thước hợp với màn hình đang xem — điện thoại không tải ảnh 3000px. Định dạng WebP giảm dung lượng khoảng 30% so với JPEG ở cùng chất lượng nhìn. Ảnh ngoài màn hình chỉ tải khi cuộn tới, nhưng ảnh đầu trang thì tải ngay, vì đó là ảnh quyết định người xem ở lại hay đóng tab.

Kết quả là một trang có mười lăm ảnh lớn vẫn mở nhanh trên 4G.

Mỗi dự án một trang

Đây là điểm phân biệt một portfolio dùng để tìm việc và một portfolio dùng để tìm khách.

Một lưới ảnh đẹp cho thấy bạn làm được gì. Một trang dự án cho thấy bạn nghĩ như thế nào: khách là ai, vấn đề là gì, bạn chọn cách nào và vì sao, kết quả ra sao. Người thuê bạn cho dự án lớn đọc phần đó.

Trang dự án cũng là thứ có thể lên tìm kiếm. "Ảnh cưới Đà Lạt" hay "thiết kế nội thất căn hộ 60m2" là những cụm có người tìm; một lưới ảnh không có chữ thì không trả lời được.

Phần không ai nhắc tới

Portfolio nào cũng có nút liên hệ, và phần lớn dừng ở đó. Nhưng người xem portfolio thường đang so sánh ba đến bốn người cùng lúc, và người trả lời trước thường thắng.

Chúng tôi nối form về Zalo kèm đường link trang dự án mà họ đang xem lúc gửi. Bạn biết ngay họ thích bộ ảnh nào trước khi bấm gọi lại, và cuộc gọi đó bắt đầu bằng một câu đúng trọng tâm thay vì "dạ anh chị cần gì ạ".