Solo projectsPublic Product

KhoaJAK - Website cá nhân

Không gian cá nhân cho dự án, hình ảnh và chia sẻ. Khám phá giao diện, Snapshots và trải nghiệm đọc của KhoaJAK.

  • Khoa (JAK)Định hướng và quyết định thiết kế
  • CodexHỗ trợ triển khai
  • Claude CodeHỗ trợ triển khai
Mục lục
Mục lục

KhoaJAK là không gian cá nhân của mình: xem các dự án đã làm, khám phá những thử nghiệm nhỏ và đọc những điều mình muốn chia sẻ. Giao diện đặt nội dung ở trung tâm, với chữ lớn, nhiều khoảng thở và chất liệu ASCII xuyên suốt.

Khám phá website

Trang chủ KhoaJAK: tên lớn và dải thẻ trên nền ASCII tối.

Trang chủ, giao diện tối. UI được chụp ngày 22/09/2026.

01. Một lời chào, nhiều lối khám phá

Tên và chuyên môn mở đầu trang, còn dải thẻ đưa dự án, bài viết và video vào cùng một khung nhìn. Trên desktop, các cột thẻ chuyển động theo cuộn; trên điện thoại, người xem kéo ngang để khám phá. Chuyển động tạo nhịp cho trang mà vẫn dành chỗ cho từng nội dung.

Trang chủ KhoaJAK ở giao diện sáng.

Sáng và tối giữ cùng cấu trúc, thay đổi sắc độ để phù hợp cách xem.

02. Dự án và chia sẻ, tìm theo mối quan tâm

Dự án tập hợp công việc đã làm, sản phẩm cá nhân và bài tập thị giác. Dải Mới nhất dẫn vào những cập nhật gần đây; bộ lọc chủ đề giúp thu hẹp danh sách. Các thẻ giữ tỷ lệ ảnh riêng để người xem nhận ra công việc qua hình ảnh trước khi mở bài.

Trang Dự án với dải Mới nhất, điều hướng và các thẻ hình ảnh.

Kho dự án kết hợp nhiều định dạng trong cùng một luồng xem.

Chia sẻ có bài viết, video và tài nguyên. Chủ đề trên thẻ và trong bài dẫn về cùng một danh sách; người đọc có thể đi từ một nội dung tới những nội dung liên quan mà không phải bắt đầu lại.

Trang Chia sẻ với bộ lọc và lưới nội dung.

Bài viết, video và tài nguyên cùng dùng ngôn ngữ thẻ của website.

03. Snapshots: xem bằng hình trước

Snapshots mở một lối vào khác: ảnh từ các bài rải trên nền ASCII, người xem di chuyển ngang, lọc Dự án hoặc Chia sẻ và mở ảnh để xem rõ hơn. Mỗi ảnh dẫn về bài gốc, nối việc khám phá thị giác với nội dung đầy đủ.

Không gian Snapshots với ảnh, bộ lọc và điều hướng ngang.

Một cách khám phá portfolio không cần bắt đầu từ danh sách tiêu đề.

04. Đọc kỹ hơn, tương tác nhẹ hơn

Trang đọc giữ cột chữ vừa phải, ảnh có thể mở rộng khi cần xem chi tiết. Mục lục đi cùng vị trí đọc; Image mode mở rộng các ảnh có thể mở trong bài bằng một thao tác. Reaction và nút sao chép liên kết nằm ở cuối bài và mục lục, để người đọc phản hồi hoặc chia sẻ ngay tại chỗ.

Trang đọc Delarft với cột nội dung, ảnh mở rộng và cụm thao tác ở mục lục.

UI trang đọc trên website công khai, chụp ngày 22/09/2026.

Website có giao diện sáng và tối, cùng các phiên bản nội dung tiếng Việt và tiếng Anh. Trang này giới thiệu trải nghiệm sản phẩm hiện tại; hướng dẫn dùng AI xây website nằm trong bài chia sẻ riêng.

Đọc hướng dẫn: Dùng AI xây portfolio cá nhân