全国 – ハイヨ（飲食店向けモバイルオーダー）

ハイグレードデザインが企画・開発した、飲食店向けモバイルオーダーシステム「ハイヨ」。テーブルのQRコードをお客様のスマホで読み取って注文し、お店はタブレットで受け付ける、アプリのインストールも専用端末の購入も不要なSaaSです。今回は、このハイヨのサービスそのものの開発と、導入を検討する飲食店に向けたサービスサイト「haiyo.jp」の制作をご紹介します。

開発したサービス「ハイヨ」

ハイヨは、お客様の注文画面・スタッフ画面・キッチン表示・管理画面までを一貫して自社開発したモバイルオーダーシステムです。月額制のSaaSとして提供しており、お店にあるタブレットやPCのブラウザからすぐに使い始められます。決済はお店のレジで行う設計のため、今の会計スタイルや POSレジを変えずに導入できるのが特長です。

お客様もスタッフも使える、2通りの注文方法

お客様はテーブルのQRから、アプリのインストールや会員登録なしでそのまま注文できます。同じテーブルのQRを読めば、注文履歴と合計金額をみんなのスマホで共有可能。スマホ操作が苦手な方や口頭で注文したい方には、スタッフが自分のスマホから代理入力できるため、お客様に合わせて注文方法を使い分けられます。

居酒屋の現場に合わせた機能群

一般的な注文機能に加え、飲食店、とくに居酒屋の運用で必要になる細かなルールまで仕組みに落とし込みました。

• 料金ルール — お通し・深夜料金・飲み放題／食べ放題のコースに対応。ラストオーダーと終了時刻の案内、子ども・シニアなど区分ごとの料金設定も可能です。
• キッチンディスプレイ — フード・ドリンクなど調理場ごとに注文を振り分け、遅れている注文は黄→赤の色でお知らせします。
• 味付け・トッピングの選択肢 — 塩・タレ、焼き加減などを商品ごとに設定。必須・任意、選べる数、追加料金まで指定できます。
• 「もう一杯」を促す仕組み — 注文履歴から同じ味付けのまま「おかわり」でき、追加注文が気軽に。
• 提供漏れの防止 — 未提供の商品がある状態でお会計を依頼しようとすると、お客様に事前にお知らせします。
• カウンター・テーブルの合流 — カウンターは1席ずつQRを管理し、連れ同士やつなげたテーブルをひとつの伝票にまとめられます。
• 売上レポート — 売上・客数・客単価、時間帯別の注文金額、商品別ランキングを確認でき、CSVでの書き出しにも対応。
• 運営のための機能 — 品切れの即時反映、店員呼び出し（用件付き）、スタッフごとの操作権限、税率別の消費税表示、複数店舗の切り替えなど。
• 上位プランの機能 — 商品写真の掲載、本日のおすすめ、人気ランキングの自動表示、日本語／英語のメニュー切り替え。

サービスサイトで構築した仕組み

モバイルオーダーの導入を検討する飲食店オーナーが知りたいのは、「実際にどんな画面なのか」「うちの店の流れで回るのか」「いくらかかるのか」の3点です。サービスサイトでは、この疑問に順番に答える構成とし、最終的に資料ダウンロードや導入相談へつながる導線を設計しました。

登録不要で試せる、注文画面のデモ体験

サイト上から、実際のお客様用注文画面をそのまま操作できるデモを用意しました。PC・タブレットではスマホの枠の中でデモが開き、スマホでは全画面で表示されます。メニュー選択からお会計の依頼まで一通り体験でき、閉じるたびにまっさらな状態に戻るため、何度でも気軽に試していただけます。「使ってみないと分からない」という導入前の不安を、その場で解消する仕掛けです。

実際の画面を、流れに沿って見せる構成

イメージ画像ではなく、ハイヨの実際の操作画面を大きく掲載。「メニューを選ぶ」から「お会計を受け付ける」まで、お客様側とお店側の8画面をタブで切り替えながら見られるギャラリーを実装し、タップで拡大表示できるようにしました。さらに「呼ばれているのに手が離せない」といった現場の悩み → 注文から会計までの流れ → 機能の紹介、という順序で情報を積み上げ、自分のお店での使い方を具体的にイメージできる構成としています。

料金をすべて公開したプラン比較

スタンダード・上位の2プランの月額料金、初期費用0円、プランごとの機能の違いを比較表で明示。メニュー登録代行やQRスタンドなどのオプション料金、最低利用期間や必要な端末まで、問い合わせなくても判断できる情報をすべて掲載しました。

ステップ式の資料ダウンロードフォーム

資料請求フォームは、1問ずつ答えていくステップ式で実装し、入力のハードルを下げています。送信すると、導入検討資料（PDF）が自動返信メールに添付されて届く仕組みです。資料を作り直した際も、同じURLのまま中身だけを差し替えられるようにしています。

検索から見込み客を集める「お役立ち情報」

モバイルオーダーの選び方や費用、居酒屋の人手不足対策、お通しや深夜料金の決め方など、飲食店オーナーが実際に検索する悩みに答えるコラムを継続的に発信しています。構造化データの設定や画像のWebP化による表示速度の改善など、検索エンジンからの集客を見据えた技術的な対策もあわせて行いました。

開発に至った背景

飲食店の人手不足が続くなか、ピーク時のホールは注文を取りに行くたびに配膳が止まり、お客様は店員さんを呼ぶのをためらって「もう一杯」を諦めてしまう——そんな場面が少なくありません。一方で、既存のモバイルオーダーには専用端末の購入や高額な初期費用が必要なものも多く、小規模なお店ほど導入に踏み切れない現状がありました。お店にある端末で、今のレジのまま、無理なく始められるモバイルオーダーをつくりたい。その思いから、ハイヨの開発がスタートしました。

実施した内容

• モバイルオーダーSaaSの企画・開発 — お客様の注文画面、スタッフ画面、キッチンディスプレイ、管理画面、売上レポートまでを一貫して自社開発。
• 料金プラン・サービス設計 — 初期費用0円の月額制、スタンダード／上位の2プラン構成、メニュー登録代行などのオプションを設計。
• オリジナルWordPressテーマによるサービスサイト制作 — 実画面を主役にしたデザインをゼロから構築し、スマートフォン・タブレット・PCすべてに対応。
• デモ体験の導線づくり — 登録不要で注文画面を試せるデモを、端末に合わせた表示方法でサイトに組み込み。
• 資料請求の自動化 — ステップ式フォームと、導入検討資料PDFを自動返信メールで届ける仕組みを構築。導入検討資料そのものの制作も担当。
• SEO・コンテンツマーケティング — 構造化データ、サイトマップ、表示速度の最適化に加え、飲食店向けのお役立ちコラムを継続的に制作。
• 規約・法令表記の整備 — 利用規約、プライバシーポリシー、特定商取引法に基づく表記などSaaS提供に必要なページを整備。