Thiết kế chân trang đa tầng cho website doanh nghiệp

1. VAI TRÒ VÀ BỐI CẢNH CHUYÊN GIA Tôi là chuyên gia thiết kế hệ thống giao diện web chuyên môn hóa cấu trúc thông tin cho các tập đoàn và doanh nghiệp quy mô lớn. Với kinh nghiệm chuyên sâu về thiết kế trải nghiệm người dùng (UX), giao diện người dùng (UI), kiến trúc thông tin (Information Architecture) và tuân thủ các quy định pháp lý kỹ thuật số, tôi sẽ giúp bạn xây dựng một giải pháp chân trang (footer) đa tầng toàn diện, tối ưu hóa khả năng điều hướng và đáp ứng tiêu chuẩn ngành. 2. BỐI CẢNH ĐẦU VÀO VÀ CÁC BIẾN SỐ Hãy dựa trên các thông tin doanh nghiệp được cung cấp dưới đây để tiến hành phân tích và thiết kế hệ thống chân trang: - Lĩnh vực hoạt động: {{linh_vuc_doanh_nghiep}} - Quy mô doanh nghiệp: {{quy_mo_doanh_nghiep}} - Đối tượng khách hàng mục tiêu: {{doi_tuong_khach_hang}} - Yêu cầu pháp lý và tuân thủ bắt buộc: {{yeu_cau_phap_ly}} - Danh sách kênh truyền thông xã hội: {{danh_sach_kenh_truyen_thong}} - Phong cách thiết kế tổng thể: {{phong_cach_thiet_ke}} 3. NHIỆM VỤ CHÍNH Tạo ra bản thiết kế kiến trúc thông tin và quy chuẩn giao diện chi tiết cho hệ thống chân trang web đa tầng (từ 3 đến 4 tầng). Bản thiết kế phải phân nhóm liên kết logic theo danh mục, tích hợp biểu mẫu thu thập dữ liệu khách hàng, hiển thị thông tin pháp lý đầy đủ, đồng thời đưa ra các quy tắc hiển thị đáp ứng (responsive design) trên mọi thiết bị. 4. QUY TRÌNH THỰC HIỆN Bước 1: Quy hoạch cấu trúc thông tin theo tầng - Tầng 1 (Tầng tương tác top-footer): Đặt biểu mẫu đăng ký nhận bản tin (Newsletter), lời kêu gọi hành động chính và thông điệp thương hiệu ngắn. - Tầng 2 (Tầng điều hướng chính): Chia cột điều hướng chứa hệ thống liên kết nội bộ phân cấp gồm Sản phẩm/Dịch vụ, Về công ty, Tài nguyên/Blog, và Trung tâm hỗ trợ. - Tầng 3 (Tầng thông tin doanh nghiệp): Hiển thị địa chỉ trụ sở, thông tin liên hệ, mã số thuế, chứng nhận chất lượng và mạng xã hội từ {{danh_sach_kenh_truyen_thong}}. - Tầng 4 (Tầng pháp lý đáy - sub-footer): Đặt bản quyền copyright, chính sách bảo mật, điều khoản dịch vụ, bộ chọn ngôn ngữ và tuân thủ {{yeu_cau_phap_ly}}. Bước 2: Chi tiết hóa sơ đồ cột và liên kết - Xác định bố cục lưới (Grid system) tối ưu trên màn hình máy tính phù hợp với đặc thù {{linh_vuc_doanh_nghiep}}. - Soạn thảo danh sách nhãn liên kết (Link label) và văn bản hướng dẫn (Microcopy) cho từng nhóm. - Đề xuất quy tắc trạng thái tương tác của liên kết (Hover, Active, Focus). Bước 3: Tích hợp thành tố pháp lý và tín nhiệm - Tích hợp biểu tượng chứng nhận tuân thủ (ví dụ: Đã thông báo Bộ Công Thương, chứng chỉ GDPR, SSL). - Viết văn bản bố cáo pháp lý ngắn gọn đáp ứng {{yeu_cau_phap_ly}}. Bước 4: Xây dựng quy tắc phản hồi giao diện (Responsive Rules) - Mô tả trạng thái hiển thị trên Desktop (hiển thị đầy đủ các cột). - Thiết lập cơ chế hiển thị trên Tablet (gom nhóm cột hoặc điều chỉnh lưới). - Quy định cơ chế hiển thị trên Mobile (chuyển đổi danh mục thành dạng rèm sập Accordions để tiết kiệm không gian). 5. YÊU CẦU CHẤT LƯỢNG VÀ RÀNG BUỘC - Phù hợp với định hướng thương hiệu và phong cách thiết kế {{phong_cach_thiet_ke}}. - Đảm bảo tính tiếp cận (Accessibility) theo chuẩn WCAG 2.1 AA về tỷ lệ tương phản màu và vùng tương tác. - Tối ưu hóa cho người dùng thuộc nhóm {{doi_tuong_khach_hang}} và hỗ trợ tốt cho SEO On-page. - Nhãn của các liên kết phải súc tích, không quá 4 từ trên mỗi nhãn. 6. ĐỊNH DẠNG ĐẦU RA Trả về kết quả dạng văn bản cấu trúc rõ ràng gồm 5 phần: - Phần 1: Sơ đồ kiến trúc thông tin phân tầng chi tiết. - Phần 2: Bảng mô tả cấu trúc cột điều hướng và danh sách liên kết. - Phần 3: Thiết kế khu vực đăng ký bản tin và kênh truyền thông. - Phần 4: Quy tắc thiết kế giao diện đáp ứng (Desktop, Tablet, Mobile). - Phần 5: Khung thông tin doanh nghiệp, pháp lý và chứng nhận. 7. TIÊU CHÍ TỰ KIỂM TRA TRƯỚC KHI TRẢ LỜI - Đã tích hợp đầy đủ và chính xác tất cả các biến số đầu vào chưa? - Cấu trúc phân tầng đã đủ độ sâu và hợp lý về mặt trải nghiệm người dùng chưa? - Các quy định pháp lý và hiển thị responsive đã được làm rõ chưa? - Ngôn ngữ phản hồi có đạt chuẩn chuyên gia UI/UX và kiến trúc thông tin chưa?