Main Visual — Title Screen
神戸・JR兵庫駅の食べログ焼肉百名店
「やきにく ポッサムチプ」様の公式サイトを
企画・デザイン・開発しました。
「焼肉店をRPGの世界に置き換える」というコンセプトのもと、ドット絵スタイルのUIで全5ページを構成。コマンドメニュー型の予約フローや、予約完了後に出題される"なぞなぞ"による来店動機の設計など、サイト体験そのものをブランドの一部として組み立てました。
焼肉店を、
RPGの世界に置き換える
「お肉＝モンスター」「お店＝城」「お客様＝勇者」というメタファーでブランドストーリーを設計。コンセプトの言語化、画像生成AIによるドット絵アセット制作、コーディング、SEO設計までを社内で完結させ、外部素材に頼らず店の世界観に沿ったオリジナルのサイト体験を組み立てました。
制作のポイント
ドット絵×RPGデザイン
DotGothic16 フォントと、画像生成AIで作成したオリジナルドット絵アセットで全ページを構築。サイト訪問の段階からRPGの世界に入り込めるUIに。
インタラクティブ予約
コマンドメニューからクエスト（コース）を選ぶRPG風予約フロー。「席のみ予約」のオプションも用意し、世界観と実用性を両立。
クエスト報酬の仕掛け
予約完了で「QUEST CLEAR」演出が発動し、第二の試練として来店時に解く"なぞなぞ"を出題。正解者には店内でごほうび。来店動機をUI側から設計。
スマホ全ページ対応
スマホ来訪が中心の飲食店向けに、全5ページ（トップ／メニュー／予約／アクセス／求人）をスマホ表示で最適化。
AI検索最適化SEO
JSON-LD で営業時間・住所・食べログ百名店受賞歴まで明示し、Restaurant スキーマで構造化。生成AI時代の検索流入を見据えた設計。
世界観コピー一貫性
「メニュー＝討伐リスト」「予約＝クエスト受注」「求人＝なかま」など、ナビゲーションから本文までRPG用語で統一。世界観を細部まで貫いた言語設計。
Gallery
01 — 05
Title
Menu — 討伐リスト
Reservation — クエスト受注
Access — けいろ
Recruit — なかま募集
（トップ／メニュー／予約／アクセス／求人）
オリジナルドット絵アセット数
連続選出年数（クライアント）
（社内完結）
（食べログ焼肉百名店 6年連続選出）
ドット絵アセット制作 / コーディング