Explorer Category – Tổng quan dự án theo danh mục

Category: ⌨️ Software, 💡 Creative, 4Work

Overview

Explorer Category là tính năng cho phép người xem khám phá toàn bộ dự án của chủ sở hữu, được phân loại theo danh mục rõ ràng. Giao diện trực quan: cột trái là danh sách các danh mục, cột phải hiển thị các dự án thuộc danh mục đó. Cách trình bày này giúp người xem nắm bắt nhanh cấu trúc công việc, hiểu rõ từng nhóm giải pháp và dễ dàng lựa chọn dự án để đi sâu hơn.

Details

Phân loại dữ liệu dự án

  • Gom toàn bộ dự án của chủ sở hữu theo từng danh mục.

  • Hỗ trợ hiển thị số lượng dự án trong mỗi danh mục.

Thiết kế giao diện Explorer

  • Cột trái: hiển thị danh sách category (dễ điều hướng, scroll nhẹ nhàng).

  • Cột phải: hiển thị danh sách các dự án tương ứng khi chọn category.

  • Hỗ trợ highlight danh mục đang được chọn.

Trải nghiệm người dùng liền mạch

  • Khi người dùng chọn một category, dự án tương ứng sẽ xuất hiện ngay lập tức.

  • Cho phép filter, sắp xếp (mới nhất, phổ biến, theo độ ưu tiên).

  • Thiết kế responsive để xem tốt trên cả desktop và mobile.

Ứng dụng thực tiễn

  • Giúp người khác có cái nhìn tổng quan toàn bộ portfolio của chủ sở hữu.

  • Phù hợp cho nhà tuyển dụng, khách hàng hoặc cộng đồng tham khảo khi muốn hiểu đầy đủ năng lực và phạm vi công việc.

  • Tạo cấu trúc trực quan, dễ định hướng để dẫn đến các portfolio khác (như Slideshow).

SOW: Liên kết Explorer Category ↔ Slideshow

  • Điều hướng từ Explorer sang Slideshow

    • Khi người dùng chọn một category trong Explorer, hệ thống sẽ hiển thị toàn bộ dự án của category đó.

    • Tại đây, người dùng có thể bấm vào “Xem dưới dạng Slideshow” để chuyển đổi sang chế độ chuỗi liền mạch.

  • Truyền dữ liệu liền mạch

    • Explorer Category cung cấp _id và slug của category cho Slideshow.

    • Slideshow nhận tham số này để tải toàn bộ dự án thuộc category đó.

    • Đảm bảo cache dữ liệu từ Explorer để khi chuyển sang Slideshow không cần gọi lại API nhiều lần.

  • Trải nghiệm người dùng liên tục

    • Vị trí đang chọn trong Explorer (ví dụ: danh mục “Marketing”) sẽ trở thành slide đầu tiên trong Slideshow.

    • Người dùng có thể Next/Previous để duyệt qua toàn bộ chuỗi giải pháp.

    • Cho phép quay lại Explorer với đúng trạng thái category đã chọn trước đó (không reset giao diện).

  • Đồng bộ UI/UX

    • Giao diện Explorer tập trung vào tổng quan & điều hướng.

    • Giao diện Slideshow tập trung vào chi tiết & hành trình liên mạch.

    • Người dùng có thể linh hoạt chuyển đổi giữa hai chế độ mà không mất ngữ cảnh.

  • Ứng dụng thực tiễn

    • Người dùng mới có thể xem tổng quan toàn bộ công việc trong Explorer.

    • Khi muốn đào sâu vào một chuỗi giải pháp, họ chuyển sang Slideshow để trải nghiệm hành trình từ đầu đến cuối.

    • Điều này giúp vừa có tầm nhìn toàn cảnh (overview) vừa có trải nghiệm chi tiết (step-by-step).

Related Projects