1. Project Overview
Type: E-commerce Website
Year: ~
Role: UI / Visual Designer
Tools: Adobe Photoshop
Platform: Magento
2. Design Goals – At That Time
Mục tiêu của dự án là xây dựng một giao diện bán đồ thể thao mang cảm giác mạnh mẽ, năng động và hiệu suất cao, phù hợp với nhóm người dùng yêu vận động và thể thao chuyên nghiệp. Thiết kế ưu tiên ấn tượng thị giác, và thúc đẩy mua nhanh, trong bối cảnh UX dựa trên dữ liệu chưa phổ biến.
3. Design Focus
- Bold visual identity (nhận diện thị giác mạnh): Sử dụng mảng màu tương phản cao, typography đậm và hình ảnh vận động viên cỡ lớn để tạo cảm giác sức mạnh, tốc độ và tinh thần thể thao ngay từ màn hình đầu tiên.
- High-density product layout (bố cục nhiều sản phẩm): Thiết kế trang danh mục và homepage theo dạng lưới dày, cho phép hiển thị nhiều sản phẩm nhưng vẫn giữ được khả năng quét nhanh nhờ phân cấp rõ giá, tên, trạng thái sale và CTA.
- Conversion-driven UI patterns (mẫu giao diện hướng mua): CTA “Add to Cart”, giá và trạng thái kho được làm nổi bật bằng màu sắc và vị trí nhất quán; hỗ trợ quick view, so sánh và wishlist – các pattern bán hàng phổ biến giai đoạn đó.
- Functional filtering & navigation (lọc và điều hướng chức năng): Sidebar filter nhiều tầng (category, price, brand), menu lớn theo môn thể thao giúp người dùng tiếp cận nhanh danh mục phù hợp mà không cần duyệt sâu.
- Responsive adaptation (thích ứng đa thiết bị): Giao diện được thiết kế responsive cho desktop, tablet và mobile, tập trung vào việc giữ trải nghiệm mua sắm liền mạch khi thu gọn layout, ưu tiên thao tác chạm và hiển thị danh sách sản phẩm rõ ràng trên màn hình nhỏ.
