一、首页
整体采用辣椒红+暖橙+炭黑+米白配色,传递烟火气、热闹聚餐、食欲满满的热辣氛围。顶部门店定位条展示最近门店+距离+排队状态("当前等位3桌·预计15分钟"),支持切换门店和在线取号。搜索栏支持搜锅底/菜品/门店。
banner区以沸腾火锅场景大图轮播——"夏季小龙虾火锅·限定锅底¥68""双人欢聚套餐·原价¥298·团购价¥198""周三会员日·菜品8.8折·锅底免费升级",每张像热辣美食海报,红橙渐变叠加层。
四大核心入口:扫码点餐(到店扫桌码→选锅底→点菜→下单→锅底先上·边涮边加菜)、外卖配送(火锅到家·含锅具炉具租赁·套餐打包·生鲜食材独立包装)、门店预订(在线取号+预约包厢·热门时段提前锁位)、套餐团购(双人/四人/六人套餐·比单点省¥100+·限时抢购),每入口配暖橙图标。
热门套餐横滑卡片——"欢聚四人餐·6荤4素+锅底+饮品¥298·省¥122""小龙虾火锅双人餐¥168",每张实物图+套餐名+内容摘要+原价对比+团购价+"立即抢购"。"大家都在涮"实时轮播——"张先生刚刚下单了毛肚+虾滑""南山店今日已售386份肥牛"。"热门菜品排行"展示点单率最高菜品Top5,引导选择困难用户。
二、点餐页
顶部当前门店+桌号(扫码自动带入,或手动输入)。分类Tab横向滑动:锅底/荤菜/素菜/丸滑/小吃饮品/主食/酒水,选中辣椒红底色高亮,字体和间距适合快速浏览和点选。
菜单网格双列展示(适合菜品多的场景)。每张菜品卡片:实物特写图(热腾感和摆盘)+菜品名+分量标注("150g/份""半份¥18·整份¥32")+标签("招牌必点""人气TOP""会员价""今日特价")+价格+"+"加购按钮(辣椒红圆形,点击飞入底部购物车)。锅底区以横滑大卡片优先展示——"牛油麻辣锅底¥58""番茄牛腩锅¥48""菌汤锅¥38""鸳鸯锅·任选2种锅底¥68",每锅标注辣度和推荐指数。已售罄菜品灰显标注。
"为你推荐"智能推荐区——"点了麻辣锅底的人还点了:毛肚·鸭肠·耗儿鱼"搭配推荐。"已点清单"底部购物车常驻悬浮:件数+总金额+油碟/自助费自动累加显示+"去下单"辣椒红主按钮。点击购物车展开清单:每项菜品+数量调节(+/-)+删除+备注入口("毛肚·备注:多放冰"),支持一键清空。结算页展示:菜品明细+锅底+油碟费+自助调料费+折扣/优惠券抵扣+会员积分+"确认下单"。下单成功后锅底自动通知后厨优先制作。
三、门店订单页
顶部桌号醒目展示(大字号·"A12桌")+订单编号+下单时间+订单状态("已下单·锅底制作中""加菜单已提交""已结账"),不同状态颜色标识。
订单详情以清单分组展示——锅底区/荤菜区/素菜区/丸滑区/小吃饮品区,每项菜名+份数+单价+已上/未上状态标识(已上菜绿色打勾+未上菜橙色圆点)。"加菜单"——已追加菜品展示,与原始订单区分标注。实时金额明细:菜品合计+锅底+油碟费+自助费+服务费(如有)→合计总价。
门店服务区:"呼叫服务员"("加水·加汤·换烤盘·加单·催菜·结账·其他"按钮一键呼叫,服务员手环/前台屏幕实时接收)、WiFi密码、充电宝、洗手间位置、停车指引、营业时间和联系电话。
"再来一单"——展示本桌历史点过的高频菜品快捷复购入口。结账入口——"请服务员结账"或"扫码自助买单"(微信支付·展示订单金额·支持使用优惠券/团购券核销·会员积分自动累积),结账后展示评价入口——"服务/菜品/环境·打星+评语"。
四、个人中心
顶部辣椒红渐变身份卡片:头像+昵称+会员等级("火锅达人·Lv.3·再消费¥128升Lv.4解锁9折"),累计消费金额+积分余额。功能入口:我的订单(堂食/外卖/团购分Tab·支持"再来一单"一键复购·评价和售后)、我的团购券(已购团购券列表:券码+套餐名+有效期+"去使用"展示券码·到店核销·或外卖下单自动抵扣·即将过期红标提醒)、优惠券(可用/临期/已用/已过期·智能推荐适用门店和套餐)、积分商城(积分兑菜品券/锅底券/饮品券/周边/储值金,热门兑换品展示库存和所需积分)、储值余额(当前余额+充值入口·多档方案"充500送50""充1000送150"·每档标注等效折扣·消费记录明细)、我的收藏(收藏门店列表+收藏菜品·快速到店下单)。
"我的口味"——常点菜品Top10自动生成,"下次来直接一键下单"快捷入口。邀请好友双方各得¥20菜品券。设置区:个人资料、通知管理、退出登录。