Mục lục
Bối cảnh dự án
Hưng Phát Foods là doanh nghiệp chuyên sản xuất và phân phối thực phẩm sạch tại TP. Hồ Chí Minh với hơn 10 năm kinh nghiệm. Dù đã có thương hiệu vững chắc trong kênh bán hàng truyền thống, công ty gặp nhiều khó khăn khi chuyển đổi sang bán hàng online.
Thách thức chính
Website cũ được thiết kế từ năm 2018, không responsive trên mobile, tốc độ tải chậm (trên 8 giây), và không có tính năng đặt hàng trực tuyến. Tỷ lệ bounce rate lên đến 78% trên thiết bị di động.
Đội ngũ quản lý cần một giải pháp e-commerce hoàn chỉnh: từ catalog sản phẩm, giỏ hàng, thanh toán online đến hệ thống quản lý đơn hàng và tồn kho.
Giải pháp thiết kế
BTAgency đã thiết kế lại toàn bộ website với công nghệ hiện đại, tập trung vào trải nghiệm người dùng mobile-first và hiệu suất tối ưu.
1. Nghiên cứu UX/UI
Phân tích hành vi người dùng qua heatmap và user testing với 50 khách hàng thực tế. Xác định luồng mua hàng tối ưu chỉ với 3 bước: Chọn sản phẩm → Thêm vào giỏ → Thanh toán.
2. Thiết kế Mobile-First
Giao diện responsive hoàn toàn, tối ưu cho màn hình 375px trở lên. Sử dụng lazy loading cho hình ảnh sản phẩm, kết hợp CDN để đảm bảo tốc độ tải dưới 2 giây.
3. Tích hợp thanh toán & vận chuyển
Kết nối VNPay, MoMo, ZaloPay cho thanh toán trực tuyến. Tích hợp API của GHN và GHTK để tự động tính phí và theo dõi đơn hàng realtime.
Kết quả đạt được
Sau 4 tháng ra mắt website mới, Hưng Phát Foods ghi nhận những kết quả vượt mong đợi:
• Doanh số online tăng 180% so với cùng kỳ năm trước
• Tốc độ tải trang giảm từ 8.2s xuống 1.4s (cải thiện 83%)
• Bounce rate trên mobile giảm từ 78% xuống 32%
• Số lượng đơn hàng trung bình tăng từ 15 đơn/ngày lên 45 đơn/ngày
• Tỷ lệ khách hàng quay lại mua đạt 42%
“BTAgency đã biến website của chúng tôi từ một trang giới thiệu đơn giản thành một kênh bán hàng mạnh mẽ. Đội ngũ rất chuyên nghiệp và luôn sát cánh trong suốt quá trình triển khai.”