Flash Sale theo khung giờ
Phiên đang diễn ra và sắp diễn ra, đồng hồ đếm ngược tự quay vòng mỗi ngày, giá sale bật tắt đúng giờ đã hẹn.
Thương mại điện tử · Code theo yêu cầu Seoul Crush
Seoul Crush phân phối mỹ phẩm và thiết bị làm đẹp Hàn Quốc chính hãng. 123Website xây toàn bộ hệ thống bằng Next.js theo yêu cầu: săn mã, flash sale, thanh toán QR tự xác nhận, quản trị nhiều vai trò, sẵn sàng mở rộng thành sàn nhiều nhà bán.
- Ngành
- Mỹ phẩm và thiết bị làm đẹp
- Loại website
- Thương mại điện tử, cài như app
- Nền tảng
- Next.js 16 + Fastify, code riêng
- Triển khai
- 06/2026 đến nay
- 95màn hình giao diện
- 6vai trò người dùng
- 3cổng: khách, quản trị, nhà bán
- 7chính sách theo quy định TMĐT
Khách hàng
Seoul Crush là ai
Công ty TNHH Seoul Crush mang mỹ phẩm và thiết bị làm đẹp Hàn Quốc chính hãng đến người dùng Việt, từ chăm sóc da, trang điểm đến máy chăm sóc da tại nhà. Thương hiệu muốn một nơi mua sắm K-Beauty chuẩn mực, thay vì chỉ bán trên sàn.
- Trụ sở27C Quốc Hương, P. An Khánh, TP.HCM
- Sản phẩmMỹ phẩm, thiết bị thẩm mỹ, chăm sóc tóc và cơ thể
- Thương hiệu phân phốiSkeyndor, Agnes, Laseroptek, Sciton, ViOL, Shurink
- Khách muaNgười tiêu dùng yêu K-Beauty trên toàn quốc
Bài toán
Một website bán hàng phải làm được như một sàn
Khách mua mỹ phẩm đã quen săn mã, chờ flash sale và thanh toán vài chạm trên các sàn lớn. Website riêng chỉ giữ chân được họ khi mang lại trải nghiệm tương đương, cộng thêm sự tin cậy của hàng chính hãng.
Đẹp như Shopify, chuyển đổi như Shopee.
Định hướng thiết kế chốt từ buổi đầu làm việc
-
01
Khuyến mãi kiểu sàn
Mã giảm giá, mã freeship, mã shop, flash sale theo khung giờ và ví voucher: những thứ khách mua mỹ phẩm đã quen dùng.
-
02
Thanh toán không chờ đối soát tay
Khách quét QR chuyển khoản, đơn tự chuyển sang đã thanh toán. Vẫn giữ COD cho người quen trả tiền khi nhận hàng.
-
03
Đúng quy định thương mại điện tử
Đủ chính sách bắt buộc, thông tin doanh nghiệp rõ ràng, chế độ một cửa hàng để đăng ký với Bộ Công Thương.
-
04
Nhiều người cùng vận hành
Kế toán, marketing, nội dung mỗi người một quyền. Sau này mở thêm nhà bán mà không phải làm lại hệ thống.
Trải nghiệm khách hàng
Hành trình mua hàng 5 bước, làm cho điện thoại trước
Hơn một nửa thời gian thiết kế dành cho màn hình điện thoại: thanh tab dưới như app, nút mua cố định, mã giảm giá lưu bằng một chạm.
-
Bước 1
Khám phá
Banner chiến dịch, lối tắt Mã giảm giá, Flash Sale, danh mục có ảnh.
-
Bước 2
Săn flash sale
Khung giờ đang diễn ra, sắp diễn ra, đồng hồ đếm ngược trên đầu trang.
-
Bước 3
Lưu mã vào ví
Flash Coupon hiện lượt còn lại, lưu một chạm, dùng lại khi thanh toán.
-
Bước 4
Lọc sản phẩm
Nhãn Mall, Freeship, lọc theo danh mục, thương hiệu, khoảng giá.
-
Bước 5
Mua ngay
Giá flash sale ngay trên ảnh, thanh Chat, Thêm giỏ, Mua ngay luôn hiện.
Tính năng
Những gì Seoul Crush làm được cho người mua
Mỗi tính năng dưới đây đều được xây riêng cho website, không dùng plugin có sẵn.
Ví voucher, dùng chồng mã
Ba loại mã: giảm giá, freeship, mã shop. Mỗi đơn dùng tối đa một mã mỗi loại, hệ thống tự tính phần còn lại.
Giỏ hàng theo shop, chọn mã ngay trong giỏ
Giỏ lưu theo tài khoản nên không mất khi đổi máy. Tiến trình 3 bước Giỏ hàng, Thanh toán, Hoàn tất luôn hiện rõ.
Thanh toán QR tự xác nhận
Khách quét mã VietQR động qua SePay, tiền về tài khoản là đơn tự chuyển trạng thái. Webhook có chữ ký bảo mật, chống ghi nhận trùng giao dịch. Giao dịch lệch tiền được đưa vào hàng chờ đối soát cho kế toán.
- Quét VietQR
- Tiền về tài khoản
- Đơn đã thanh toán
SePay QRCOD, tắt được theo sản phẩmĐối soát trong quản trị
Đăng nhập an toàn
OTP 6 số qua email, đăng nhập bằng Google.
Địa chỉ 2 cấp mới
Tỉnh, Phường/Xã theo sắp xếp hành chính 2025.
Cài như ứng dụng
Thêm vào màn hình chính, có hướng dẫn riêng cho iPhone.
Điểm thưởng Hoa Seoul
Tích điểm theo đơn, dùng điểm trừ tiền ở đơn sau.
Trả hàng 7 ngày
Khách gửi yêu cầu, theo dõi hoàn tiền ngay trong tài khoản.
Đánh giá có ảnh
Đánh giá qua duyệt trước khi hiện, xem ảnh phóng to.
Email tự động
Xác nhận đơn, đã thanh toán, đang giao, hoàn tất, hoàn tiền.
Tìm kiếm thông minh
Gợi ý từ khoá, lịch sử tìm, từ khoá đang được tìm nhiều.
Hệ thống quản trị
Một bảng điều khiển, mỗi người một quyền
Trang quản trị viết riêng theo cách Seoul Crush vận hành: menu tự ẩn hiện theo vai trò, mọi thao tác của nhân viên đều được ghi nhật ký.
- Quản trị cao nhấtToàn quyền, quản lý nhân viên, xem nhật ký thao tác.
- Kế toánĐơn hàng, tài chính, đối soát SePay, chi trả nhà bán.
- MarketingVoucher, popup khuyến mãi, điểm thưởng, Seoul Live.
- Nội dungSản phẩm, danh mục, đánh giá, trang chủ, blog.
- Nhà bán (khi bật sàn)Sản phẩm, đơn con, trả hàng, doanh thu, trang trí shop.
- Khách hàngĐơn hàng, ví voucher, điểm thưởng, yêu thích, trả hàng.
- Biến thể, giá vốn, lịch sale
- Cảnh báo tồn kho, lịch sử kho
- Tách đơn theo nhà bán
- Tạo đơn tay, in hoá đơn
- Thao tác hàng loạt
- Khách hàng 360°
- Thư viện media
- Sitemap, robots trong quản trị
- Nhật ký thao tác
Công nghệ
Kiến trúc tách lớp, sẵn sàng lớn lên
Giao diện, API và dữ liệu tách riêng trong một kho mã chung. Thêm kênh bán, thêm nhà bán hay mở app sau này đều dùng lại được phần lõi.
- Người dùngTrình duyệt, cài như app (PWA)
- Giao diệnNext.js 16 · React 19
- APIFastify 5 · Swagger
- Dữ liệuPostgreSQL 16 · Prisma 6
- SePay webhookXác nhận thanh toán tự động, có chữ ký
- Email qua hàng đợiGửi lại khi lỗi, không mất thư
- Thông báo đẩyNhắc lịch, báo tin cho khách đã theo dõi
- Bảo mậtMật khẩu băm, OTP băm, nhật ký thao tác
Hạ tầngDocker ComposeNginxSSL Let’s EncryptGitHub ActionsẢnh build trên GHCRVPS riêng
SEO kỹ thuật kiểu Shopify
Sitemap tách theo loại (sản phẩm, danh mục, trang, bài viết), robots và metadata sinh tự động, dữ liệu cấu trúc Product cho từng sản phẩm, cấu hình ngay trong quản trị.
Kiểm thử phần tính tiền
Bộ kiểm thử tự động cho voucher, giá, phí ship, trả hàng: mỗi lần sửa code đều chạy lại để không lệch tiền giữa giỏ hàng và đơn.
Cách 123Website triển khai
Từ bản thiết kế đến vận hành, làm theo từng chặng
Mỗi chặng kết thúc bằng một bản chạy thật để Seoul Crush dùng thử và góp ý, thay vì đợi đến cuối mới xem.
- 06/2026
Lõi hệ thống
Thiết kế Figma, dựng kho mã chung, trang quản trị, thanh toán SePay, bộ luật voucher.
- 07/2026
Sẵn sàng vận hành
Email tự động, blog, quản lý kho, chế độ một cửa hàng theo BCT, gắn tên miền. Bàn giao hướng dẫn quản trị và kịch bản nghiệm thu.
- 08 – 09/2026
Tối ưu chuyển đổi
Điểm thưởng, ví voucher, cài như app, OTP email, phí ship theo từng shop, đủ 7 chính sách bắt buộc.
- 10/2026
Giao diện mới
Làm lại các trang con theo bản Figma 10/2026, khởi động giai đoạn livestream Seoul Live.
- Thiết kế trước, code sauMọi màn hình chốt trên Figma, có bản cho máy tính và điện thoại trước khi lập trình.
- Hai nhóm làm song songMột nhóm làm nền tảng và quản trị, một nhóm làm giao diện người mua, gặp nhau ở API chung.
- Nghiệm thu có kịch bảnBàn giao kèm hướng dẫn quản trị và kịch bản kiểm tra từng chức năng để khách tự đối chiếu.
Giao diện thực tế
Website trên máy tính và điện thoại
Ảnh chụp từ seoulcrush.vn ngày 16/10/2026.
- Chi tiết sản phẩmGiá flash sale, nhãn Mall, Freeship+, chính sách ngay dưới nút mua.
- Danh sách và bộ lọcLọc theo danh mục, thương hiệu, khoảng giá; sắp xếp phổ biến, bán chạy, giá.
- Mô tả theo tabMô tả, thành phần, hướng dẫn sử dụng, đánh giá và sản phẩm liên quan.
- Giỏ hàng 3 bướcNhóm theo shop, ô nhập mã, nút mở ví voucher, tóm tắt đơn cố định.
- Trang chủ
- Flash Coupon
- Chi tiết sản phẩm
- Flash Sale
Giai đoạn tiếp theo · Đang triển khai
Seoul Live: livestream bán hàng ngay trên website
Không phụ thuộc nền tảng mạng xã hội: khách xem live, giành deal và thanh toán mà không rời seoulcrush.vn.
- Phát trực tiếp từ điện thoại hoặc phần mềm OBS, máy phát riêng
- Ghim sản phẩm, giá live, giành deal theo suất, không bán quá số lượng
- Mua và thanh toán ngay trong khung live, trình phát thu nhỏ khi lướt web
- Nhắc lịch bằng thông báo đẩy, ghi hình để xem lại
Dự án cùng loại
Website bán hàng khác 123Website đã làm
Từ sàn B2B đến cửa hàng trang sức, thời trang thể thao.
-
Dịch vụ
VinaOpen
Sàn giao thương B2B ba ngôn ngữ đưa hàng Việt Nam đến người mua quốc tế: hồ sơ nhà cung cấp có xác minh, bộ lọc theo điều khoản thanh toán và Incoterms, bảng yêu cầu mua (RFQ), báo giá, gói thành viên.
- All Categories
- Service
- Giao thương
- Thông tin
Triển khai: WordPress, theme con VinaOpen (Hello Elementor) viết riêng + Elementor Pro, API riêng, TranslatePress, Fluent Forms, Rank Math · 3 ngôn ngữ
Xem dự án -
Thời trang
Helia Fine Jewelry
Website bán hàng song ngữ cho thương hiệu trang sức kim cương Helia tại TP. Hồ Chí Minh: danh mục nhẫn, bông tai, dây chuyền, các bộ sưu tập, giá tham khảo và giỏ hàng.
- Câu chuyện thương hiệu
- Trang sức kim cương
- Bộ sưu tập
- Khuyến mãi và tin tức
Triển khai: WordPress, WooCommerce · song ngữ Việt Anh
Xem dự án -
Thời trang
Fraser Sport
Website bán hàng cho Fraser Sport, thương hiệu trang phục thể thao Việt Nam: áo polo, đồ thi đấu bóng đá, pickleball, có giỏ hàng, yêu thích và đăng ký đại lý.
- Các dòng áo
- Trang phục thi đấu
- Quần thể thao
- Blog
Triển khai: WordPress, WooCommerce
Xem dự án
Liên hệ tư vấn
Cần website bán hàng làm theo yêu cầu? Nhận tư vấn giải pháp
Anh chị để lại thông tin, chúng tôi sẽ gọi lại, cùng phân tích mô hình bán hàng và đề xuất giải pháp phù hợp.
- Văn phòng Lầu 1, 292 Ung Văn Khiêm, TP.HCM
- Hotline 0932 092 002
Nhận tư vấn miễn phí
Thông tin của anh chị chỉ dùng để tư vấn dịch vụ.
Đã nhận yêu cầu tư vấn
Chuyên viên của chúng tôi sẽ gọi lại cho anh chị trong giờ làm việc, gửi mẫu theo ngành và báo giá theo gói.
