Quan trọng:Hãy xây dựng một website doanh nghiệp cao cấp. Trang chủ phải làm nổi bật tầm nhìn thương hiệu, năng lực kinh doanh, giá trị khách hàng và thông tin liên hệ.

Tài liệu Nghiệm thu

Tài liệu Nghiệm thu

Phần dưới đây ghi lại các yêu cầu thiết kế và ghi chú triển khai cho dự án này, để tham khảo trong quá trình xét duyệt nghiệm thu bởi đội dự án.
acceptance_materials.txt

01Giữ phong cách thị giác tổng thể tươi sáng và sạch sẽ

02Các nút chính cần có trạng thái có thể nhấp rõ ràng

03Trang chủ giữ các yếu tố thị giác định hướng công nghệ

04Các mô-đun nội dung được chứa trong các thẻ card

05Nội dung cốt lõi phải bao phủ năng lực, kịch bản và giá trị

06Các con số then chốt được dùng để nhấn mạnh nhịp điệu trang

07Các trang chính giữ một điểm kêu gọi hành động rõ ràng

08Cỡ chữ nội dung không nhỏ hơn 14px

09Thanh điều hướng cố định ở đầu trang

10Mỗi hình ảnh cần có chú thích bên dưới

11Line-height thống nhất ở mức 1.6

12Favicon bao phủ mọi kích thước phổ biến

implementation_notes.txt

01Hình ảnh chủ đạo phải trình bày đồng thời đội ngũ, giao diện sản phẩm và tên miền thương hiệu.

02Kiểu dáng nút giữ thống nhất trên toàn trang, với bán kính bo góc 12px.

03Chuyển động được dùng để củng cố phân cấp mà không ảnh hưởng đến việc đọc cơ bản.

04Phần câu chuyện khách hàng giữ lại các ô hiển thị kết quả.

05Bố cục di động ưu tiên khả năng đọc văn bản 14px.

06Thanh điều hướng sử dụng position: sticky và giữ ghim khi cuộn.

07Không được bỏ sót thuộc tính alt của hình ảnh và chú thích bên dưới hình ảnh.

Ghi chú Thiết kế

Bản ghi các Hiệu ứng Thị giác và Tương tác Chính

Phần dưới đây ghi lại ý đồ thiết kế và cách triển khai hiện tại của các hiệu ứng thị giác và tương tác chính, để tham khảo cho việc đánh giá thiết kế và lặp lại trong tương lai.
01

Bong bóng Hài lòng Khách hàng ở Hero

Khu vực hình ảnh chủ đạo cần các thẻ chỉ số kinh doanh thời gian thực để bổ sung thông tin giá trị khách hàng.

Các bong bóng chỉ số như mức độ hài lòng, ROI và các chỉ số khác bật lên theo vòng lặp với hiệu ứng thoát.
02

Văn bản Gradient Cầu vồng khi Hover

Các tiêu đề và liên kết cần phản hồi thị giác rõ ràng ở trạng thái hover.

Gradient cầu vồng + tô sáng quét + xoay tông màu + phát sáng.
03

Hoạt ảnh Thị giác CTA Tách rời khỏi Vùng Nhấp

Các nút cần phản hồi động mạnh mẽ hơn khi hover/nhấp trong khi vẫn giữ vùng nhấp ổn định.

Lớp thị giác chuyển động bằng translateY trong khi vùng nhấp giữ nguyên vị trí.
04

Thanh Điều hướng Phong cách Kính Lỏng

Thanh điều hướng trên cùng cần cảm giác chất liệu mờ trong suốt với chiều sâu phân lớp.

Nền kính backdrop-filter + tô sáng quét + hoạt ảnh trôi nổi tinh tế.
05

Chế độ Đèn chiếu Tắt đèn

Cung cấp một chế độ đọc tập trung giúp giảm sự phân tâm thị giác.

Lớp phủ toàn màn hình + bán kính đèn chiếu bám theo con trỏ kiểm soát vùng nhìn thấy.
06

Con trỏ Chuột Thương hiệu Richify Tùy chỉnh

Mở rộng nhận diện thương hiệu để chuyển động con trỏ giữ nhất quán với phong cách thị giác của trang.

Con trỏ SVG có thương hiệu + hiệu ứng hạt kéo theo.
07

Phòng trưng bày 3D WebGL trên Trang Câu chuyện Khách hàng

Trang câu chuyện khách hàng cần một khu vực trình diễn 3D nhập vai.

Ma trận hạt WebGL + tương tác chuột + các bảng động.
08

Kim cương 3D và Chữ chạy Thương hiệu ở Chân trang

Phần dưới cùng của trang cần một khu vực kết thúc thương hiệu luôn hiển thị.

Kim cương 3D xoay + chữ chạy thương hiệu + màu sắc động.
09

Hình ảnh Đội ngũ ở Hero với Logo Thương hiệu Nhúng

Hình ảnh chủ đạo cần trình bày đồng thời khung cảnh đội ngũ và thương hiệu richify.net.

Dấu hiệu thương hiệu richify.net được nhúng trong khu vực màn hình laptop.