Shopease E-Commerce App 260104

Thiết kế một ứng dụng thương mại điện tử trên thiết bị di động mang tên “ShopEase”, tập trung vào việc mua sắm các sản phẩm giải trí trực tuyến.

Shopease E-Commerce App 260104

Mobile Tablet Desktop

Nhu cầu: Mua sắm trực tuyến.
Giải pháp: Trải nghiệm mua sắm liền mạch, bao gồm các danh mục sản phẩm, tính năng khám phá sản phẩm, quản lý giỏ hàng và thanh toán an toàn.

Phong cách thiết kế:

Giao diện người dùng (UI) tinh gọn, trải nghiệm người dùng (UX) trực quan, hiện đại, bắt mắt, tối giản, cao cấp và tập trung vào việc thúc đẩy chuyển đổi.

Hệ thống thiết kế trực quan (Visual Design System)

Xây dựng một hệ thống thiết kế nhất quán trên cả 8 màn hình.

• Màu chủ đạo: Tím đậm (#6C4CE8).
• Màu phụ: Cam san hô rực rỡ (#FF6B6B).
• Màu nền: Trắng (#FFFFFF).
• Màu bề mặt: Xám nhạt (#F7F7FB).
• Màu văn bản chính: Than đậm (#222222).
• Màu văn bản phụ: Xám (#777777).
• Màu thông báo thành công: Xanh lá (#20A464).
• Phông chữ: Inter hoặc phông chữ không chân (sans-serif) hiện đại tương tự.
• Độ bo góc: 12–16px cho các thẻ (cards) và nút bấm (buttons).
• Sử dụng đổ bóng tinh tế, khoảng cách nhất quán và bố cục gọn gàng.
• Sử dụng hình ảnh sản phẩm chất lượng cao cùng các yếu tố hình ảnh mang chủ đề giải trí.
• Sử dụng đồng bộ các biểu tượng, nút bấm, trường nhập liệu và các thành phần điều hướng.

• Đảm bảo độ tương phản phù hợp và các vùng chạm (touch targets) dễ thao tác.
• Áp dụng hệ thống khoảng cách 8 điểm (8-point spacing system).
• Giao diện cần mang lại cảm giác năng động và thú vị mà không gây rối mắt.