Mockup giao diện website bán hàng (eCommerce) cao cấp
Prompt dựng mockup một website bán hàng cao cấp đầy đủ: thanh thông báo, navbar dính, hero có sản phẩm nổi, lưới danh mục, sản phẩm mới, flash sale, đánh giá, footer nhiều cột. Tông tối giản sang. Hợp người thiết kế web, seller dựng shop.
Đăng bởi Solovn · Cập nhật
Gửi sản phẩm, Solovn làm video bán hàng chuẩn TikTok/Reels cho bạn - không cần tự quay, tự dựng.
Nội dung Prompt
Thiết kế giao diện một website bán hàng (eCommerce) cao cấp cho thương hiệu [TÊN THƯƠNG HIỆU]. Cảm giác tổng thể: sang, tối giản, UI/UX xuất sắc, hình ảnh đẹp, bố cục hướng chuyển đổi (bán được hàng) - lấy chuẩn các store cao cấp hàng đầu. Thiết lập canvas: rộng 1440px, layout cuộn dài, responsive cho desktop/tablet/mobile, lưới 12 cột, nội dung tối đa 1320px, khoảng cách sạch và phân cấp thị giác rõ. Phong cách: hiện đại sang trọng, tối giản cao cấp, nhiều khoảng trắng, hiệu ứng glassmorphism, đổ bóng mềm, vi tương tác. Bảng màu: nền trắng #FFFFFF, chữ #1A1A1A, đen #111111, nhấn cam #FF6B35, xám nhạt #F8F9FA, xanh thành công #22C55E. Các khối cần có (xếp dọc từ trên xuống): - Thanh thông báo full-width (vd Miễn phí vận chuyển / Sale tới 70%) - Navbar dính: logo trái, menu giữa (Trang chủ, Cửa hàng, Hàng mới, Bán chạy, Danh mục, Về chúng tôi), bên phải có icon tìm kiếm/yêu thích/tài khoản/giỏ hàng kèm badge - Hero điện ảnh: trái là tiêu đề + mô tả + 2 nút CTA, phải là thẻ sản phẩm nổi 3D - Dải 4 thẻ tin cậy: Miễn phí ship / Thanh toán an toàn / Đổi trả dễ / Hỗ trợ 24/7 - Lưới danh mục nổi bật có ảnh + nút - Lưới sản phẩm mới: ảnh, tên, giá, giá sale, đánh giá sao, nút thêm giỏ - Khối bán chạy + carousel sản phẩm xu hướng - Khối Flash Sale có đồng hồ đếm ngược - Khối đánh giá khách hàng (thẻ kính), số liệu social proof - Form đăng ký nhận tin, khối blog, FAQ accordion - CTA cuối lớn + footer nhiều cột (shop, hỗ trợ, công ty, mạng xã hội, phương thức thanh toán) Chất lượng: render UI sắc nét, chất Shopify Plus cao cấp, animation mượt, trải nghiệm mua sắm đỉnh.
Đã được sao chép lần.
Cách dùng
Đổi [TÊN THƯƠNG HIỆU] và danh mục theo ngành hàng bạn bán. AI dựng mockup một website bán hàng hoàn chỉnh từ thanh thông báo, navbar, hero, lưới sản phẩm, flash sale tới footer - tông tối giản cao cấp, bố cục hướng chốt đơn.
Hợp người thiết kế web/UI, freelancer, seller muốn dựng concept shop online trước khi thuê code. Dùng làm mockup chốt hướng với khách, ảnh portfolio, hoặc tham khảo bố cục. Chữ trong ảnh chỉ minh hoạ - bản thật vẫn cần dựng lại trong Figma rồi code.
Dựng concept website bán hàng trong vài giây
Thay vì mất nhiều giờ phác thảo, prompt này dựng ngay một mockup website bán hàng đầy đủ các khối quan trọng: thanh thông báo, navbar dính, hero sản phẩm nổi, lưới danh mục, flash sale có đồng hồ đếm ngược, đánh giá khách, footer nhiều cột - theo bố cục hướng chuyển đổi. Rất tiện để hình dung tổng thể và chốt hướng thiết kế.
Cho người thiết kế web và seller dựng shop
Hợp freelancer thiết kế web/UI, hoặc seller muốn xem trước concept shop online trước khi đầu tư code. Đổi tên thương hiệu, danh mục và bảng màu theo ngành; dùng làm mockup trình bày với khách hoặc ảnh portfolio. Lưu ý đây chỉ là ảnh minh hoạ bố cục - website chạy thật vẫn phải dựng lại trong công cụ thiết kế và lập trình để chính xác.
Gửi sản phẩm, Solovn làm video bán hàng chuẩn TikTok/Reels cho bạn - không cần tự quay, tự dựng.