NG Market
Sàn nông sản minh bạch: quét QR thấy cả hành trình lô hàng
Sàn thương mại điện tử bán sản phẩm từ các nông trại AI + IoT của NG: mỗi sản phẩm có hành trình 9 bước, camera tại thửa, kết quả kiểm nghiệm; kèm AI Thực đơn và thanh toán một chạm.
- Vai trò
- Nhà sáng lập – thiết kế trải nghiệm mua sắm, lập trình giao diện
- Năm
- 2026
- Trạng thái
- Đang hoạt động
Mã nguồn thuộc tổ chức ngaiplatform trên GitHub (riêng tư).
01Ý tưởng
Vấn đề
Người mua đô thị muốn rau sạch nhưng không biết tin ai; nông hộ làm đúng quy trình vẫn phải bán qua thương lái với giá như hàng thường.
Phát hiện
Minh bạch là thứ có thể bán được: khi người mua thấy camera vườn, nhật ký và kiểm nghiệm, họ sẵn sàng trả giá xứng đáng.
Giải pháp
Sàn nông sản lấy dữ liệu truy xuất làm trung tâm, thiết kế cho Gen Z và người dùng hiểu công nghệ: chạm thay vì gõ, quét QR ở giữa thanh tab.
Dành cho
- Người mua đô thị, gia đình trẻ
- Nhà hàng, bếp ăn
- HTX, nông trại đối tác
Mục tiêu
- Biến dữ liệu truy xuất thành lý do mua hàng.
- Thanh toán một chạm, đủ phương thức Việt Nam.
- SEO thương mại chuẩn để tự có khách.
02Tính năng
- 01
Minh bạch từng sản phẩm
Hành trình 9 bước kèm nguồn dữ liệu, camera trực tiếp tại thửa, điều kiện trồng cả vụ, kiểm nghiệm, mã băm nhật ký.
- 02
Quét QR và hồ sơ lô
Quét bằng camera (BarcodeDetector), chọn ảnh hoặc nhập mã lô.
- 03
AI Thực đơn
Theo số người, ngân sách, mục tiêu sức khỏe; tạo danh sách mua và thêm cả giỏ một chạm.
- 04
Thanh toán và theo dõi đơn
QR ngân hàng, MoMo, ZaloPay, VNPay, COD; theo dõi đơn có nhiệt độ thùng lạnh.
- 05
Thành viên và điểm
Hạng Mầm – Chồi – Lá – Rừng, voucher, điểm khi đánh giá và góp ý.
03Thiết kế & quyết định
Chạm thay vì gõ
Vì sao: Mục tiêu sức khỏe, bộ lọc, voucher đều là chip chạm được – nhanh hơn trên điện thoại.
Tìm kiếm không dấu
Vì sao: Gõ 'xa lach' hay 'tăng đề kháng' vẫn ra đúng sản phẩm.
Không dùng dữ liệu thanh toán thật trong demo
Vì sao: QR ghi rõ DEMO, không chứa thông tin ngân hàng thật, không có ô nhập thẻ.
04Kiến trúc
01
Giao diện
- Next.js SSG, trạng thái giỏ trong trình duyệt
02
Dữ liệu truy xuất
- Từ nền tảng NG: cảm biến, nhật ký, kiểm nghiệm
03
Thanh toán
- Cổng thanh toán đối tác (giai đoạn sau)
05Công nghệ
Giao diện
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS 4
- lucide-react
- BarcodeDetector API
- Notification API
- PWA
SEO
- JSON-LD Product + AggregateOffer (VND) + Review
- sitemap kèm ảnh
- noindex giỏ/thanh toán
Vận hành
- Node.js 24 LTS
- pnpm 12
- Playwright (kiểm thử E2E)
- Vercel
- market.ngaitechgroup.com
06Nghiên cứu
Hành vi người mua trẻ
Gen Z ưu tiên thao tác nhanh trên điện thoại và tin vào bằng chứng trực quan (camera, QR) hơn mô tả chữ.
Thanh toán Việt Nam
Cần đủ QR ngân hàng, ví điện tử phổ biến và COD; thẻ quốc tế chỉ qua cổng thanh toán để không lưu dữ liệu thẻ.
SEO thương mại
Trang sản phẩm dựng tĩnh với giá VND, đánh giá và breadcrumb giúp hiện kết quả nổi bật trên Google.
07Kết quả
- trang dựng tĩnh
- 97
- sản phẩm mẫu có hồ sơ truy xuất
- 15
- bước hành trình mỗi sản phẩm
- 9
- phương thức thanh toán
- 7
- Kiểm thử trọn luồng: tìm, thêm giỏ, thanh toán, theo dõi đơn, đánh giá.
- Không tràn ngang và không lỗi console trên điện thoại và máy tính.
08Demo & hình ảnh
Video demo đang được chuẩn bị
09Bài học
Bài học
- “Bằng chứng nhìn thấy được thuyết phục hơn lời quảng cáo.”
- “Ngăn kéo giỏ ẩn phải ẩn cả bóng đổ – chi tiết nhỏ tạo cảm giác chỉn chu.”
Bước tiếp theo
- Nối cổng thanh toán và kho thật.
- Đồng bộ tồn kho từ mùa vụ trên nền tảng.