Choose a design 选一个设计

All three work exactly the same way behind the page: the chatbot sends a personal link, the customer's usual items open with quantities already filled in, and the order goes back to WhatsApp to be sent and booked. Only how the page looks and feels is different. Each prototype below is fully clickable, in 中文 and English.

Design A · current

市集 Market

Browse like a grocery app

Picture tiles in two columns, a poster slider of recommendations, and chips to switch between the usual list, recommendations and everything.

Best for: Customers who like to look around a little each time.
Trade-off: The usual items sit below the slider, so a long usual list means more scrolling.
To build: Included in the quoted scope.

Open design A →

Design D · new

分类 Aisles

Find products by food type

A category rail on the left (菇类 · 素肉 · 豆制品 · 面食 · 调味), a coupon-style recommendation carousel, and compact rows with a quantity stepper. Scrolling moves the rail's highlight with you.

Best for: Customers who buy across many product types and know what they are looking for.
Trade-off: Smaller pictures; more to scan than to see.

Open design D →

Design E · new

快单 Reorder

The usual order, in one tap

Opens straight on the customer's usual order, drawn as a receipt. Change quantities in place; this week's picks slide into the order with one tap; the rest of the catalogue opens when asked for, grouped by food category (菇类 · 素肉 · 豆制品 · 面食 · 调味 · 饮料) or found by search.

Best for: Kitchens that order much the same list every week.
Trade-off: Browsing comes second, so customers see fewer new products unless they are recommended.

Open design E →

Side by side

	A · 市集 Market	D · 分类 Aisles	E · 快单 Reorder
Opens on	Recommendation slider, then usual items	Recommendation carousel, then the category rail	The usual order as a receipt
Products on one screen	About 6, as picture tiles	About 7, as compact rows	About 7 order lines
Taps for a usual order	2 · 查看订单 → 确认订单	2 · 去结算 → 确认订单	1 · 照常下单
Recommendations	Poster slider near the top	Coupon carousel at the top, plus its own rail entry	"Try this week" strip below the order
Browsing the range	Chips and brand filter	Strongest: by food type	On demand, by food category or search
Extra data or cost	None	Every product needs a food category (quoted separately)	Every product needs a food category for the browser (quoted separately) — or launch search-only without it

In every design the customer still taps Send in WhatsApp — that message is what books the order. Prices and products are sample data.