MOCK · 客側注文フロー

ヨリオダ

個人経営のカフェ向けモバイルオーダー「ヨリオダ」のモックです。店舗の固定QRから開く注文画面で、ログインなし、MVP方針どおりレジ払いのみ。デジタル庁デザインシステムの公式トークンで組んでいます。

店舗側の画面

同じブラウザで別タブに開くと、ここでの注文がキッチンに届き、キッチンの操作が受け取り画面と呼び出し表示に反映されます。

このモックで決めたこと

URLは order.example.jp/s/<店舗slug>。ロゴ・店名は店舗設定から差し替え
注文番号はブラウザに保存。再訪時や追加注文のあとも、メニュー上部に注文中の番号が出て状況に戻れる
1回の来店で複数回注文した場合は、受け取り画面で番号を切り替えて確認できる
受け取り状況はキッチン画面の操作でリアルタイム更新。同じブラウザでキッチン画面を別タブで開くと連動する（ボタンでも再現できる）

ほとり珈琲