貢
Gong Cha Việt Nam · WebOrder O2O
Bước 1 — Menu theo danh mục
✏️ Vùng thuyết minh bên phải có thể chỉnh sửa trực tiếp — bấm vào đoạn văn để sửa nội dung của anh.
Mục tiêu bước này
Khách vào thẳng menu — không bắt chọn hình thức hay cửa hàng trước, giảm rào cản để khách thấy món ngay lập tức. Đây là trang quyết định phần lớn doanh thu, nên ưu tiên tốc độ tìm món và gợi ý món bán chạy.
Vì sao bắt đầu từ Menu?
Theo flow đã chốt, mình bỏ bước "chọn hình thức" và "chọn cửa hàng" ra khỏi đầu luồng. Khách chỉ cần thấy đồ uống hấp dẫn và bắt đầu chọn. Hình thức (giao/lấy/tại bàn) sẽ hỏi ở giỏ hàng; cửa hàng được hệ thống tự gán và hiển thị ở bước theo dõi.
Thiết kế UX nổi bật
- 5 danh mục thật của Gong Cha: Đặc Biệt (milk foam), Trà Sữa, Trà Nguyên Chất, Đá Xay, Trà Trái Cây — đúng cấu trúc menu thương hiệu.
- Thanh danh mục dính (sticky): luôn cố định khi cuộn để khách chuyển nhóm nhanh.
- Tìm món tức thì: gõ là lọc ngay theo tên và mô tả.
- Badge gợi ý: "HOT", "BÁN CHẠY", "MỚI" giúp khách quyết định nhanh và đẩy món chủ lực.
- Nút + thêm nhanh: chạm "+" để vào trang tuỳ chọn món (size, đường, đá, topping).
Gợi ý tăng doanh thu: đặt các món biên lợi nhuận cao (milk foam, đường đen) ở đầu danh sách với badge bán chạy. Có thể chèn banner combo ở đầu trang trong bản thật.
3 chạm
Từ mở app đến thêm món vào giỏ
14 món
Trải đều 5 danh mục để demo
Anh có thể bổ sung
Ghi thêm yêu cầu của anh ở đây: ví dụ muốn thêm banner khuyến mãi đầu trang, lọc theo giá, hay đánh dấu món "ít đường/không đá" cho khách healthy...