WORKS
GRAPHIC

ORDER SCREEN タッチパネル注文画面

  • Illustrator
  • Photoshop
  • UI Design
  • Menu Layout

制作時間：約4日

タッチパネル注文画面（お好み焼きメニューページ）

OVERVIEW

プロジェクト概要

案件

飲食店「KANSAI」のタッチパネル注文システム用メニュー画面。 お好み焼き・鉄板焼き・麺など、カテゴリごとに複数ページのメニューUIを制作した。

狙い

タッチパネルで「見やすく・選びやすく・注文につながる」画面に。 写真・価格・地域名物（大阪／京都／広島）の訴求を、限られた画面の中で迷わせず伝える情報設計を重視した。

PROCESS

制作プロセス

  1. BRIEF

    メニュー構成（カテゴリ・商品数・ページ割り）と注文導線をヒアリング。

  2. STRUCTURE

    1画面に載せる商品数とページ送りを設計。視線の流れと選びやすさを整理。

  3. DESIGN

    Illustrator / Photoshop で本制作。写真・価格・キャッチを統一フォーマットで量産。

  4. CONSISTENCY

    全ページで色・余白・価格表記のルールを統一し、ブランドトーンを担保。

  5. DELIVER

    タッチパネル表示用に書き出して納品。実機での視認性も確認。

GALLERY

注文画面ギャラリー

お好み焼きメニューページ（大阪・京都・広島の名物）
麺メニューページ（焼きそば・うどん各種）
鉄板焼き・海鮮焼きメニューページ
お好み焼きメニューページ（2ページ目）

RETROSPECTIVE

振り返り・工夫した点

TAP-FRIENDLY UI

タッチ操作前提で、押しやすいサイズ・間隔・コントラストを設計。 1画面の情報量をコントロールし、迷わず選べる密度に整えた。

APPETITE → ORDER

シズル感のある写真と価格の見せ方で「食べたい→注文」を後押し。 大阪・京都・広島の地域名物の訴求も、ひと目で伝わるよう整理した。

SYSTEM, NOT A PAGE

単発のデザインではなく、複数ページを貫く共通フォーマットを設計。 新メニューの追加や差し替えにも耐える、再現性のある作りにした。

コピーしました