PickUp — Craft Beer & Beverage E-Commerce Platform
Nền tảng thương mại điện tử bia thủ công & đồ uống cao cấp tích hợp trợ lý ảo PickUp Bartender AI, bộ công cụ tạo Mix Combo tùy biến và quy trình thanh toán nhanh đa bước với bản đồ định vị giao hàng.
E-Commerce & Smart Retail Platform
3 months
PickUp Beverage Co.
Lead Fullstack & E-Commerce Architect
Project Gallery
About This Project
PickUp (pickupbia.com) là nền tảng thương mại điện tử bia thủ công (Craft Beer) & đồ uống cao cấp tiên phong tại Đà Nẵng và Việt Nam, kết nối các xưởng ủ bia danh tiếng (Heart of Darkness, Labtory, MixTape, Bia Nhà, Pasteur Street, East West Brewing) trực tiếp đến người tiêu dùng. Hệ thống được kiến trúc theo mô hình Headless E-commerce hiện đại với Next.js kết hợp Headless WordPress, mang lại tốc độ tải trang tức thì, bảo mật cao cấp và trải nghiệm mua sắm mượt mà. Điểm nhấn của nền tảng là trợ lý ảo PickUp Bartender AI hỗ trợ tư vấn chọn đồ uống theo khẩu vị, tính năng tự tạo Mix Combo 3/6/9 lon kèm chính sách chiết khấu bậc thang, modal xác thực độ tuổi pháp lý (18+ Age Gate) và hệ thống checkout tích hợp bản đồ định vị giao hàng nội thành hỏa tốc.
Objectives
- Xây dựng nền tảng E-commerce bia thủ công chuẩn Headless hiện đại, hỗ trợ song ngữ (Việt - Anh) và tốc độ tải trang dưới 1 giây.
- Tích hợp trợ lý ảo PickUp Bartender AI nhằm tư vấn phong cách bia (IPA, Stout, Pale Ale, Cider,...) dựa trên sở thích và món ăn kèm.
- Phát triển công cụ Mix Combo tùy biến cho phép khách hàng tự chọn 3, 6 hoặc 9 lon bia từ nhiều thương hiệu khác nhau với ưu đãi chiết khấu tự động (-5%, -10%) và quà tặng đồ nhắm.
- Tối ưu cơ chế định giá theo số lượng (Tiered Pricing - Mua nhiều giảm nhiều: 1 lon, 3 lon, 6 lon) và giỏ hàng thời gian thực.
- Tích hợp cổng thanh toán trực tuyến, mã ưu đãi, tính phí vận chuyển động và bản đồ định vị giao hàng hỏa tốc trong ngày tại Đà Nẵng.
Challenges
- Xử lý quy định pháp lý nghiêm ngặt về kinh doanh đồ uống có cồn: cơ chế xác thực 18+ mượt mà, lưu trữ session tuân thủ pháp luật mà không làm giảm tỷ lệ chuyển đổi (CRO).
- Quản lý dữ liệu sản phẩm phức tạp: phân loại đa tầng theo phong cách bia (Ale, Lager, IPA, Stout, Lambic,...) và từng nhà ủ (Brewery).
- Thiết kế logic giỏ hàng đặc thù cho Mix Combo: gom nhiều sản phẩm riêng lẻ thành 1 gói combo, tự động áp dụng chiết khấu bậc thang và quà tặng kèm.
- Tích hợp Headless WordPress REST API/GraphQL đảm bảo đồng bộ tồn kho, đơn hàng và danh mục sản phẩm theo thời gian thực mà vẫn giữ tốc độ SSR nhanh chóng.
Solutions
- Áp dụng Next.js kết hợp Tailwind CSS và Incremental Static Regeneration (ISR), giúp hiển thị danh mục sản phẩm tức thì và chuẩn SEO vượt trội.
- Xây dựng Age Gate Verification Modal với hiệu ứng sáp niêm phong độc đáo, ghi nhớ trạng thái qua LocalStorage giúp trải nghiệm duyệt web không bị gián đoạn.
- Phát triển Chatbot PickUp Bartender với giao diện thân thiện, mascot bia sinh động, tự động gợi ý sản phẩm phù hợp qua prompt engineering thông minh.
- Thiết kế quy trình Checkout 3 bước tinh gọn (Thông tin -> Giao hàng -> Thanh toán) kèm bản đồ tự động định vị và tính phí ship theo khoảng cách.
Key Features
- Xác thực độ tuổi 18+ (Age Verification Gate) tuân thủ quy chuẩn thương mại điện tử đồ uống có cồn.
- Trợ lý ảo PickUp Bartender AI tư vấn chọn bia & đồ uống theo tâm trạng, khẩu vị và sự kiện.
- Bộ tạo Mix Combo tương tác: tùy chọn size combo (3, 6, 9 lon), tự động tính chiết khấu và đề xuất đồ ăn kèm (Snack Pairing).
- Bộ lọc bia đa tiêu chí nâng cao: theo nồng độ cồn (ABV), dung tích, phong cách bia (IPA, Stout, Ale, Lager,...) và thương hiệu xưởng ủ.
- Bảng giá bậc thang linh hoạt (Volume Tier Discounts) trên từng trang chi tiết sản phẩm.
- Giỏ hàng thông minh & quy trình thanh toán nhanh tích hợp bản đồ giao hàng trực quan.
- Hệ sinh thái đồ uống toàn diện: Bia thủ công, Keg bia mini 5L, Cocktail Kits, Đồ ăn kèm và Hộp quà tặng sang trọng.
- Hỗ trợ song ngữ chuẩn xác (VI / EN) với cơ chế tự động nhận diện ngôn ngữ.
Results & Impact
+180% lưu lượng truy cập trực tuyến sau khi ra mắt nền tảng Headless Next.js.
Tỷ lệ chuyển đổi đơn hàng tăng 42% nhờ tính năng tự tạo Mix Combo và trợ lý Bartender AI.
Thời gian tải trang trung bình đạt 0.8s, điểm Google PageSpeed Insights đạt 95+ trên Desktop.
Xử lý mượt mà hàng trăm đơn hàng giao bia tươi và đồ uống hỏa tốc mỗi ngày tại Đà Nẵng.
Technologies Used
Have a similar project in mind?
I'm always excited to work on interesting projects. Let's discuss how I can help bring your ideas to life.
Start Your Project