Design Concept / Demo Project

Atelier — Giao diện cửa hàng trực tuyến

Website bán hàng giả định, kết hợp ảnh phong cách sống với bố cục giàu hình ảnh và thông tin sản phẩm dễ đọc.

Thương mại điện tử / Website

Thiết kế giao diện · Bản minh họa HTML/CSS

Dự án minh họa, chưa phải sản phẩm thương mại hoặc dự án khách hàng. Dữ liệu hiển thị là giả định.
Atelier — thiết kế minh họa website bán hàng

Bối cảnh giả định

Giả định một thương hiệu đồ dùng phong cách sống cần giới thiệu bộ sưu tập với cá tính riêng, đồng thời giúp người xem tìm hiểu từng món đồ.

Mục tiêu thiết kế

Cân bằng trải nghiệm khám phá cảm xúc với cấu trúc danh mục và thông tin chi tiết rõ ràng.

Hướng thiết kế

Đề xuất website bán hàng với phần mở đầu giàu hình ảnh, danh mục ảnh lớn và trang sản phẩm có cấu trúc. Đây là thiết kế minh họa, không có cửa hàng hoặc thanh toán hoạt động.

Trang chủ, danh mục và sản phẩm

Atelier — giao diện website bán hàng minh họa với ảnh phong cách sống
Trang mở đầu cửa hàng mẫu

Bố cục chia đôi giữa thông điệp và ảnh phong cách sống có giấy phép.

Atelier — danh mục sản phẩm giả định, không phải hàng đang bán
Danh mục sản phẩm mẫu

Ba món đồ giả định dùng ảnh minh họa; không phải hàng hóa đang bán.

Atelier — trang thông tin một sản phẩm giả định
Thông tin sản phẩm mẫu

Bố cục phân cấp mô tả, lựa chọn và thông tin vật liệu giả định.

Ảnh: Veronika Martinelli / Unsplash. Giao diện do Bơ.lab thiết kế.

Những quyết định về giao diện.

  • Hình ảnh tạo ngữ cảnh, kiểu chữ giúp phân cấp thông tin rõ ràng.
  • Danh mục và trang sản phẩm dùng cùng nhịp bố cục để dễ theo dõi.
  • Ảnh minh họa có giấy phép; tên và thuộc tính món đồ là giả định.
Xem dự án mẫuDự án mẫu tiếp theo: FlowDesk

Bạn đang muốn xây dựng gì?

Website doanh nghiệp, cửa hàng trực tuyến hay phần mềm riêng? Hãy gửi Bơ.lab vài thông tin về dự án để bắt đầu trao đổi.

Liên hệ Bơ.lab