Bộ sưu tập shader tạo sinh

Xây dựng website phòng trưng bày mang phong cách điện ảnh cho thương hiệu xe điện hư cấu Nexus Automotive. Phần mở đầu là fragment shader tạo sinh toàn màn hình — ánh sáng chuyển động theo thời gian thực — nằm sau hai dòng chữ serif cỡ lớn và một khẩu hiệu ngắn, tiếp theo là phần tuyên ngôn thương hiệu khi cuộn trang. Trọng tâm là chỉ mục mẫu xe: bốn mẫu xe (sedan đầu bảng, SUV đường trường, siêu xe hiệu năng cao và xe đô thị cỡ nhỏ) được liệt kê thành các hàng chữ khổng lồ. Khi rê chuột lên một hàng, hình ảnh xe tương ứng sẽ hiện bên cạnh danh sách và các mục còn lại mờ đi; khi nhấp, trang chi tiết riêng sẽ mở ra với phần giới thiệu định vị cùng ba chương nội dung (kiểu dáng, khoang nội thất, hiệu năng), kèm cách quay lại danh sách. Thêm phần video trải nghiệm thương hiệu và chân trang liên hệ có địa chỉ trung tâm trải nghiệm cùng giờ mở cửa. Giữ bảng màu gần như đơn sắc, kết hợp font hiển thị serif với font nhãn mono, đồng thời dùng hiệu ứng cuộn mượt, parallax nhẹ và chuyển cảnh mờ dần. Hoàn thiện một trang web tĩnh chạy trực tiếp trên trình duyệt — thao tác cuộn, hiện nội dung khi rê chuột và điều hướng trang đều phải thực sự hoạt động. Thay nội dung trưng bày bằng một thương hiệu cà phê đặc sản: năm dòng sản phẩm trở thành năm loại hạt cà phê đơn vùng trồng, phần mở đầu shader chuyển sang hơi nước nâu ấm và các hạt cà phê, còn mỗi trang chi tiết bổ sung nguồn gốc, phương pháp sơ chế, ghi chú hương vị và gợi ý pha chế. 

Xây dựng website phòng trưng bày mang phong cách điện ảnh cho thương hiệu xe điện hư cấu Nexus Automotive. Phần mở đầu là fragment shader tạo sinh toàn màn hình — ánh sáng chuyển động theo thời gian thực — nằm sau hai dòng chữ serif cỡ lớn và một khẩu hiệu ngắn, tiếp theo là phần tuyên ngôn thương hiệu khi cuộn trang. Trọng tâm là chỉ mục mẫu xe: bốn mẫu xe (sedan đầu bảng, SUV đường trường, siêu xe hiệu năng cao và xe đô thị cỡ nhỏ) được liệt kê thành các hàng chữ khổng lồ. Khi rê chuột lên một hàng, hình ảnh xe tương ứng sẽ hiện bên cạnh danh sách và các mục còn lại mờ đi; khi nhấp, trang chi tiết riêng sẽ mở ra với phần giới thiệu định vị cùng ba chương nội dung (kiểu dáng, khoang nội thất, hiệu năng), kèm cách quay lại danh sách. Thêm phần video trải nghiệm thương hiệu và chân trang liên hệ có địa chỉ trung tâm trải nghiệm cùng giờ mở cửa. Giữ bảng màu gần như đơn sắc, kết hợp font hiển thị serif với font nhãn mono, đồng thời dùng hiệu ứng cuộn mượt, parallax nhẹ và chuyển cảnh mờ dần. Hoàn thiện một trang web tĩnh chạy trực tiếp trên trình duyệt — thao tác cuộn, hiện nội dung khi rê chuột và điều hướng trang đều phải thực sự hoạt động. Chuyển toàn bộ nội dung trên trang sang tiếng Anh, bao gồm chỉ mục cỡ lớn, nội dung thân bài trên trang chi tiết và phần điều hướng. Điều chỉnh lại cỡ chữ và chiều cao dòng cho tiếng Anh, trong khi giữ nguyên hình ảnh shader và các tương tác khi rê chuột.