Projects
餐饮产品 · 交互与开发

TableTap 智能扫码点餐网站

从餐桌前的一次扫码,到菜单选择、订单确认与商家管理,连接一顿火锅的完整点餐体验。

交互设计与开发2025.07 — 2025.12
CONTEXT & GOAL

让点餐连贯起来

顾客端

把分类浏览、菜品推荐、购物车汇总和订单确认串联起来,让顾客在挑选菜品时能看清价格,在结算前能核对内容,下单后能找到记录。

商家端

围绕订单管理、菜品维护和餐桌二维码组织后台,让菜单管理与线下扫码入口相互衔接。

USER JOURNEY / INTERFACE

沿着使用链路,看每一步界面

选择流程与步骤,查看对应原型及功能说明。点击界面可放大查看。

从进入首页到查看订单,让选择、金额与下一步始终清晰。

01 / 06

首页 · 开始点餐

点击「立即点餐」或「查看完整菜单」,进入菜品浏览。

首屏突出点餐入口,向下呈现服务信息与热门推荐,帮助顾客快速了解菜品。

原型界面展示 · 页面中的支付、登录与管理操作为截图内容。

DESIGN DECISIONS

功能与界面相互对应

浏览时,保留点餐进度

菜单以分类组织菜品,底部购物车汇总提供数量、金额和结算入口,帮助用户在选择与确认之间自然切换。

确认时,集中呈现关键信息

结算页将商品明细、支付方式与总价放在同一页面,并提供继续点餐入口,方便核对和返回调整。

管理时,让线上线下连起来

后台维护菜品与订单,二维码工具为每张餐桌建立点餐入口,连接商家管理和顾客使用场景。

返回全部项目
首页 · 开始点餐完整原型界面