Tạo trang chủ portfolio phong cách biên tập tinh tế cho website của nhà thiết kế hoặc studio sáng tạo.
Mục tiêu: Tạo thiết kế trang chủ portfolio tinh tế cho Ari Vale, một nhà thiết kế/lập trình viên, với bố cục phong cách Thụy Sĩ (Swiss-style) mang tính biên tập và ảnh ghép kiến trúc phân lớp.
Canvas: Ảnh chụp màn hình website trên máy tính để bàn, tỷ lệ khung hình 16:9, nền giấy màu trắng ấm, nhiều khoảng trắng, kết cấu hạt tinh tế, thẩm mỹ tối giản cao cấp.
Bố cục: Thanh điều hướng phía trên với 6 mục hiển thị: bên trái là wordmark “Ari Vale” kèm một dấu chấm nhỏ màu xanh dương, các liên kết điều hướng căn giữa “Work”, “About”, “Studio”, “Notes” và một nút “Menu” hình viên thuốc có viền bo tròn ở ngoài cùng bên phải với một dấu chấm màu xanh dương. Nội dung chính của hero nằm hơi lệch về bên trái so với trung tâm, bao gồm nhãn phía trên, kiểu chữ cỡ lớn, mô tả ngắn và hai lời kêu gọi hành động. Sắp xếp các hình ảnh kiến trúc đơn sắc trừu tượng xung quanh văn bản: một ảnh ghép bên trái và một hình ảnh kiến trúc bậc thang lớn hơn ở bên phải, với một hình ảnh tĩnh vật nhỏ bên dưới. Dải footer ở dưới cùng chứa văn bản về tình trạng sẵn sàng nhận dự án ở bên trái, một đường kẻ ngang mỏng ở giữa và các liên kết mạng xã hội ở bên phải.
Nội dung văn bản: Nhãn phía trên tiêu đề ghi “ARI VALE — DESIGNER & DEVELOPER” với một dấu chấm nhỏ màu xanh dương. Tiêu đề chính ghi chính xác: “I design digital experiences, brands, and creative web.” Hãy để từ “design” ở dạng in nghiêng, phông serif thanh lịch, trong khi phần còn lại của tiêu đề là phông sans serif hiện đại cỡ lớn. Văn bản hỗ trợ ghi: “Strategy-led design and development for forward-thinking companies and cultural projects.” Văn bản nút chính: “View Selected Work” kèm một mũi tên nhỏ. Liên kết văn bản phụ: “About Ari” kèm một mũi tên. Thẻ dự án màu đen bên trái ghi “REFIX ANADOL”, “Machine Hallucinations” và “Immersive Exhibition”, với một mũi tên nhỏ ở góc dưới bên phải. Các từ xếp chồng nhỏ ở phía bên phải ghi “VISION”, “MADE”, “DIGITAL”. Văn bản ở góc dưới bên trái ghi “AVAILABLE FOR NEW PROJECTS”. Các liên kết mạng xã hội ở góc dưới bên phải gồm đúng 3 mục: “LINKEDIN”, “DRIBBBLE”, “INSTAGRAM”, theo sau là một mũi tên. Thêm nhãn tọa độ dọc ở ngoài cùng bên phải ghi “40.7128° N, 74.0060° W”.
Chi tiết hình ảnh: Sử dụng bảng màu tiết chế gồm màu ngà ấm, đen, xám than, xám bê tông nhạt và các điểm nhấn màu xanh coban sống động. Kiểu chữ nên kết hợp giữa phông grotesk sans serif sạch sẽ với một từ phông serif in nghiêng có độ tương phản cao. Sử dụng các đường kẻ mảnh, nhãn chữ in hoa nhỏ với khoảng cách chữ rộng rãi và căn chỉnh chính xác. Thêm đúng 5 yếu tố điểm nhấn màu xanh dương: dấu chấm ở wordmark, dấu chấm ở nhãn phía trên, dấu chấm ở menu, một hình chữ nhật chéo giống băng dính màu xanh dương đè lên ảnh kiến trúc bên trái và một dấu cộng/chữ thập nhỏ màu xanh dương gần các từ ở phía bên phải. Thêm một đồ họa con dấu hình tròn mờ gần ảnh ghép ở góc dưới bên phải với văn bản in hoa nhỏ không đọc được và một mũi tên nhỏ bên trong.
Số lượng yếu tố hình ảnh: Bao gồm đúng 5 khối ảnh/kết cấu: 1 hình chữ nhật bê tông màu be cao phía sau ảnh ghép bên trái, 1 ảnh tòa nhà cong nhạt bên trái, 1 ảnh kết cấu đá nhỏ bên dưới nó, 1 ảnh cấu trúc cầu thang/gân kiến trúc nhạt lớn ở bên phải và 1 ảnh tĩnh vật nhỏ với quả cầu trắng và đá bên dưới hình ảnh bên phải. Ngoài ra, bao gồm đúng 1 thẻ dự án phủ màu đen trên ảnh ghép bên trái.
Các ràng buộc: Làm cho nó trông giống như một trang đích website thực tế cao cấp, không phải poster. Giữ cho tất cả văn bản sắc nét và dễ đọc, tránh các thành phần trình duyệt (browser chrome), tránh các mục điều hướng thừa, tránh hình ảnh thừa, tránh các dải màu gradient sặc sỡ, tránh ảnh stock người và duy trì sự cân bằng bất đối xứng thoáng đãng.