ポータルサイトに払い続けない状態をつくります。
同じ業種でも、事業の性格によって出すべき印象は変わります。方向の違う案を並べているので、近いものをお選びください。
飲食の定番「暗い地に料理を浮かせる」を、あえて外す
大衆酒場は高級店ではありません。暗く組むと値段が高く見えて、来てほしい客層とずれます。クリームの地に朱赤と濃紺を置き、昭和の酒場の看板の色でまとめました。お品書きは画像ではなく短冊のHTMLで組んでいます。画像1枚のメニューは、拡大しないと読めないうえ検索にも引っかかりません。
主題は味ではなく「何時に行けば何があるか」
ベーカリーは、行った時間で買えるものが変わります。おいしさを語る前に、焼き上がりの時間を全部開示しました。時間割をページの骨格に据え、混む回には印を付けています。素材と日持ちまで書いたのは、価格の根拠と、添加物を使わないことの裏返しを同時に示すためです。
選ばせない。20件で最も情報量の少ないページにする
おまかせ一本の店なので、品書きを並べる代わりに「献立の考え方」と「一日の流れ」だけを置きました。写真は3枚のみ、余白は他のサンプルの1.5倍です。情報量の少なさは設計であって、手抜きではありません。縦書きは建設04でも使いましたが、あちらは深緑の地。こちらは濃藍の地に、写真の点数と余白量で差をつけています。
「専門店です」と書かず、一杯の分解図で示す
丼の写真に番号を打ち、麺・スープ・鶏・味玉の設計を写真の位置と直結させました。20件で唯一の図解です。何が入っているかではなく、なぜそうしているかを書いています。士業03も白＋黄ですが、あちらの黄は警告色として面で使うもの。こちらの黄土は鶏白湯の色で、罫と番号にだけ使いました。
定番の記号を捨てず、密度で押し切る
美容のLPで得た方針をそのまま適用しました。リボン、丸バッジ、黄色のマーカーといった「見慣れた記号」を外さず、価格を独立した図として置いています。黒地は士業04・美容04に続き3件目ですが、あちらは静けさと余白の黒。こちらは赤と金を高密度に敷き、同じ黒でも温度を変えました。
作り方の土台は全業種で共通ですが、優先順位は業種で変わります。飲食店の場合、次の3点を設計の初めに決めます。
住所・電話・営業時間（NAP）がページ間で1文字でも違うと、Googleビジネスプロフィールと同一店舗だと判定されにくくなります。1つのファイルから全ページに配ります。
「〇〇駅 忘年会 4000円 飲み放題」のように、人は条件で探します。価格・人数・時間を表で出し、構造化データにも入れます。
個室の有無、貸切人数、当日の変更可否。AI検索が回答をそのまま引用できる形にします。
掲載しているデザイン事例は、Atelier Iroha が自社で制作したサンプルサイトです。
見どころ