一、首页
首页聚焦新品曝光与下单转化。顶部banner区重点展示当季饮品上新,大图+新品标签+"限时尝鲜价",制造视觉冲击。下方核心功能区:点单入口(到店取/外卖配送双入口),点击直达饮品列表。优惠券专区轮播展示可用券——新人首杯立减、会员周三五折、储值赠券,每张标注使用门槛和有效期。会员积分模块展示当前积分余额+可兑换权益入口,如"300积分兑中杯升级大杯"。热门推荐按门店实时销量排名,每款饮品标"本店爆款""回归限定"等标签,强化从众效应。
二、饮品列表
核心指标:分类效率 → 浏览深度 → 加购转化。顶部横向分类Tab:奶茶、果茶、奶盖、轻乳茶,每类配上对应图标,选中态品牌色高亮。支持快捷筛选"新品""热销""限时优惠"。饮品卡片包含大图、品名、核心卖点("鲜果现切""0反式脂肪""月销5000+")、价格和加购按钮。点击"+"直接加购默认规格,需选规格的饮品弹出快速选择浮层(杯型+甜度+冰量+加料,一屏完成)。加购成功有飞入动效,底部购物车常驻悬浮条实时更新件数和金额,点开可编辑清单或一键清空。
三、饮品详情
解决"选什么、怎么调、值不值"三个决策问题。顶部饮品大图+短视频展示成品与原料。规格区:杯型(中杯/大杯/超大杯)标注容量和差价。甜度用滑块选择(无糖/三分/五分/七分/全糖),冰量用图标按钮(去冰/少冰/正常冰/多冰),选中态清晰。加料推荐区展示热门搭配("加脆波波+¥3""加芝士奶盖+¥5"),下方另附"选了这杯的人也加了XX"推荐。所有选项切换时价格实时联动。底部固定栏:当前总价+"加入购物车"+"立即点单"双按钮,减少流失。下方展示精选评价和高频好评标签("口感清爽""果肉超多"),强化下单信心。
四、会员中心
留存与复购的运营阵地。身份卡片:会员等级进度条+当前积分+可用优惠券数量,等级升级提示"再消费¥28升银卡享8.8折"。订单状态:进行中订单卡片显示实时节点(已下单→制作中→请取餐),支持一键复购历史订单。优惠券按可用/临期/已用分层,临期券红标"还剩2天",点击一键使用跳转点餐页。收藏口味:保存用户的规格偏好(如"大杯·三分糖·去冰·加脆波波"),一键套用下单,省去重复选择。积分商城:展示可兑换权益——升级杯型、免费加料券、限定周边、饮品兑换券,每项标注所需积分和库存余量,制造兑换紧迫感。