Tái hiện Windows XP thành portfolio

• Nhà thiết kế đồ họa Mitch Ivin đã tái hiện trang portfolio của mình theo phong cách Windows XP
• Cần bật JavaScript để trải nghiệm đầy đủ mọi hiệu ứng hình ảnh và tính năng
• Toàn bộ trang mô phỏng rất sát cảm giác desktop Windows XP và các tương tác của nó
• Người truy cập có thể tự do khám phá giao diện đăng nhập cùng menu Start, taskbar và nhiều thành phần khác
• Bản thân trải nghiệm portfolio này nhấn mạnh năng lực thiết kế giao diện độc đáo

---

Mitch Ivin — Giới thiệu website portfolio

• Mitch Ivin là một nhà thiết kế đồ họa, đã xây dựng website portfolio của mình một cách tinh xảo như môi trường desktop của hệ điều hành Windows XP
• Ngay từ màn hình đầu tiên, người truy cập có thể bắt gặp các yếu tố thị giác gợi nhớ môi trường sử dụng thực tế như hình nền Windows XP (Bliss) và hoạt ảnh boot loading
• Để đăng nhập, người dùng bấm vào ‘Mitch Ivin’; sau bước này, họ có thể khám phá website như đang sử dụng một desktop thực thụ
• Khắp giao diện có taskbar, menu Start, biểu tượng hồ sơ người dùng, nút khởi động lại và đăng xuất, tái hiện trung thực bầu không khí và UX của hệ điều hành thật
• Website này là một portfolio sáng tạo, vừa thể hiện năng lực thiết kế và phát triển frontend thông qua chính “trải nghiệm”, vừa là một ví dụ thú vị về tương tác web

Tính năng và đặc điểm chính

• Toàn bộ trải nghiệm yêu cầu JavaScript
• Dùng phím F11 để vào chế độ toàn màn hình sẽ cho cảm giác gần với trải nghiệm desktop thực tế hơn
• Cung cấp các nút tắt để đi tới hồ sơ và sản phẩm bên ngoài như LinkedIn, GitHub, Instagram
• Trên thiết bị di động, có áp dụng các hoạt ảnh thân thiện với người dùng như hộp hướng dẫn yêu cầu xoay thiết bị sang chế độ dọc
• Mỗi biểu tượng, nút bấm và hoạt ảnh đều là thiết kế có chủ đích, tối giản nhưng vẫn truyền tải nguyên vẹn cảm giác ‘Windows XP’ nguyên bản

Cấu trúc giao diện

Màn hình desktop và đăng nhập

• Màn hình khởi đầu hiển thị hình nền Windows XP và hoạt ảnh khởi động
• Nhấp vào biểu tượng người dùng ‘Mitch Ivin’ để thực hiện quy trình đăng nhập
• Sau khi đăng nhập thành công, các thành phần như taskbar và nút Start sẽ được kích hoạt

Taskbar và Start Menu

• Hiển thị taskbar rất giống với Windows XP thật
• Bố trí các nút trực quan như Restart (khởi động lại) và Log Off (đăng xuất)
• Khi nhấp vào từng nút sẽ có tương tác được dàn dựng giống hệ điều hành thật

Tóm tắt

• Website portfolio Windows XP của Mitch Ivin mang đến phần giới thiệu bản thân khác biệt bằng UI/UX đầy cá tính
• Thay vì chỉ xem danh sách dự án, người truy cập sẽ trải nghiệm một portfolio theo kiểu tương tác trực tiếp
• Đây là một ví dụ về thiết kế giao diện và branding đáng tham khảo cho các nhà thiết kế số và lập trình viên frontend