EGA Bed - Giao diện bán hàng cho ngành chăn ga gối đệm & nội thất
Giao diện được xây dựng cho các cửa hàng chăn ga gối đệm và nội thất phòng ngủ tại Việt Nam.
Tích hợp sẵn các tính năng bán hàng thường dùng: dựng trang chủ theo module, flash sale, bán trọn bộ,
bảng size, hoá đơn VAT và hẹn giờ giao hàng.
18khối nội dung cho trang chủ
24tổ hợp bố cục trang sản phẩm
15trang dựng sẵn
2khổ màn hình được tối ưu
01
Trang chủ
Trang chủ ghép từ các khối nội dung rời, cửa hàng tự chọn khối nào hiện và hiện theo thứ tự nào.
Bộ dựng trang chủ theo module Chủ động thay đổi bố cục
18 loại khối nội dung: Slideshow, Flash Sale, nhóm sản phẩm dạng tab và slider, Lookbook, Bundle, Video, Thương hiệu, Tin tức, mã khuyến mãi, chính sách và các dạng banner.
Tự sắp thứ tự: Trang chủ có 20 vị trí, mỗi vị trí chọn một loại khối bằng danh sách sổ xuống, không cần chỉnh sửa mã nguồn.
Thay đổi theo chiến dịch: Vào mùa khuyến mãi, cửa hàng đưa khối Flash Sale lên đầu trang bằng cách đổi một ô chọn.
Khoảng cách riêng theo thiết bị: Mỗi khối thiết lập khoảng cách trên và dưới riêng cho máy tính và điện thoại.
ega-bed.mysapo.net
Trang chủ demo đang bật 13 khối nội dung.
Flash Sale Thúc đẩy quyết định mua
Đếm ngược thời gian: Hiển thị đồng hồ đếm ngược tới thời điểm kết thúc đợt giảm giá.
Thanh đã bán: Hiển thị số lượng đã bán trên tổng số, cho khách hàng thấy mức độ quan tâm của sản phẩm.
Hai kiểu hẹn giờ: Lặp lại theo khung giờ trong ngày kèm tích chọn thứ trong tuần, hoặc đặt ngày giờ bắt đầu và kết thúc cho một đợt cụ thể.
Trạng thái ngoài giờ sale: Cửa hàng chọn hiện hay ẩn khối này trước khi sale mở và sau khi sale đóng.
Khối Flash Sale kèm đồng hồ đếm ngược và thanh đã bán.
Lookbook và Bundle Bán theo bộ
Điểm chạm trên ảnh: Đặt các điểm tương tác lên ảnh không gian thật, khách hàng bấm vào là xem được sản phẩm trong ảnh.
Mua trọn bộ: Khối Bundle gợi ý mua cả bộ và tính sẵn tổng tiền, khách hàng không phải tìm lại từng món.
Phù hợp cách khách hàng chọn mua: Với chăn ga gối, khách hàng thường chọn theo tổng thể không gian thay vì theo từng mã sản phẩm.
Ảnh động: bấm một nút là cả bộ vào giỏ, không phải thêm từng món.
ega-bed.mysapo.net
Thêm tất cả sản phẩm trong bộ vào giỏ bằng một thao tác.
Khối bán trọn bộ, tổng tiền được tính sẵn.
02
Điều hướng và Tìm kiếm
Menu và ô tìm kiếm giúp khách hàng đi tới đúng nhóm hàng cần xem.
Mega-menu Hiển thị hàng hoá ngay trên menu
Kiểu Sản phẩm: Menu hiển thị các sản phẩm do cửa hàng chỉ định kèm giá, khách hàng thêm vào giỏ ngay từ menu.
Kiểu Ảnh banner: Menu hiển thị ảnh quảng bá dẫn tới một danh mục hoặc một chương trình khuyến mãi.
Menu nhiều cấp: Dạng danh sách liên kết thông thường cho các mục không cần hình ảnh.
Tối đa 4 mega-menu: Mỗi menu chọn kiểu hiển thị riêng, dùng đồng thời trên cùng một thanh menu.
ega-bed.mysapo.net
Kiểu Sản phẩm
ega-bed.mysapo.net
Kiểu Ảnh banner
ega-bed.mysapo.net
Menu nhiều cấp
Tìm kiếm thông minh Rút ngắn đường tới sản phẩm
Gợi ý khi đang gõ: Sản phẩm hiển thị ngay khi khách hàng nhập từ khoá, không cần chuyển sang trang kết quả.
Giới hạn theo danh mục: Khách hàng tìm trong toàn bộ sản phẩm hoặc trong một danh mục cụ thể.
Từ khoá phổ biến: Hiển thị danh sách từ khoá do cửa hàng thiết lập, gợi ý cho khách hàng chưa biết tìm gì.
Ảnh động: gõ từ khoá, gợi ý hiện ra ngay không cần chuyển trang.
ega-bed.mysapo.net
Gõ tới đâu, gợi ý sản phẩm hiện tới đó; kèm danh sách từ khoá phổ biến.
Điều hướng trên điện thoại Thao tác bằng một tay
Menu dạng trượt: Menu nhiều cấp thu gọn, mở ra từ cạnh màn hình, kèm lối tắt tới hệ thống cửa hàng và hotline.
Thanh 5 nút cố định: Thanh điều hướng bám đáy màn hình, cửa hàng tự đặt icon, nhãn, đường dẫn và thứ tự cho từng nút.
Tự đổi thành nút mua: Khi khách hàng vào trang sản phẩm, thanh này chuyển thành nút thêm vào giỏ và mua ngay.
Menu dạng trượt
Thanh 5 nút cố định
Thanh mua hàng ở trang sản phẩm
03
Trang sản phẩm
Bố cục trang sản phẩm thay đổi được theo đặc thù hàng hoá của từng cửa hàng.
Bố trí ảnh sản phẩm Đổi cách khách xem hàng
4 kiểu bố trí: ảnh nhỏ bên trái, ảnh nhỏ ở dưới, 1 cột, 2 cột.
Ảnh nhỏ bên trái: dải thumbnail dọc cạnh ảnh lớn - xem được nhiều mẫu mà không cần cuộn.
Ảnh nhỏ ở dưới: dải thumbnail nằm ngang - dành chỗ ngang tối đa cho ảnh lớn.
1 cột / 2 cột: bỏ thumbnail, xếp toàn bộ ảnh thành cột dọc để khách cuộn xem lần lượt.
Phóng to ảnh: bật chế độ xem ảnh lớn để khách quan sát đường may và bề mặt vải.
Vùng khoanh đỏ trong ba ảnh dưới là phần thay đổi khi đổi tuỳ chọn.
ega-bed.mysapo.net
Ảnh nhỏ bên TRÁI - dải thumbnail dọc.
ega-bed.mysapo.net
Ảnh nhỏ ở DƯỚI - dải thumbnail ngang.
ega-bed.mysapo.net
1 CỘT - bỏ thumbnail, ảnh xếp dọc.
Hiển thị mô tả sản phẩm 3 kiểu
Tab ngang bên dưới: khối mô tả tràn ngang phía dưới, hợp với sản phẩm cần nhiều hình và nội dung dài.
Tab ngang nhóm thông tin: gom mô tả và các chính sách thành tab ngay trong cột thông tin, cạnh nút mua.