café lunas のつくり方
架空のカフェ「café lunas」のサイトを、どんな考えで組み立てたのかを解説します。小さなお店のサイトを作るときに、そのまま使える考え方です。
サンプルは、ESTUDIO COIPO が制作した架空のお店・会社のサイトです。実在のお店・会社とは関係ありません。
Sample 01|店舗サイト・カフェ
café lunas
住宅街の小さなカフェ。季節のケーキと、こだわりのコーヒー・紅茶。20〜40代の女性客が中心で、Instagram で見つけて来る人が多いお店を想定しています。
- ページ構成:トップ/メニュー/お店について/アクセス
- 想定するお客さま:20〜40代の女性、Instagram から来る人
- 制作期間の目安:1〜2か月(撮影を含む)
このサンプルと同じ構成で 10万円〜(税別)
サンプルを見る ↗Pointsこのサイトで大事にした6つのこと
-
スマホで、今日の営業と地図がすぐわかる
来る前のお客さまが知りたいのは「今日は開いているか」「どこにあるか」です。トップの写真のすぐ下に営業時間の帯を置き、地図・電話・予約のボタンを、指の届く位置にまとめました。
-
写真で雰囲気を伝えて、表示は速く
カフェ選びの決め手は写真です。大きな写真を使いながら、画像は軽い形式(WebP)に自動で変換し、画面の大きさに合わせて配信します。スマホでも待たずに開きます。
-
Instagram とサイトで役割を分ける
日々の発信は Instagram、変わらない情報(メニュー・営業時間・アクセス)はサイト。トップに Instagram の新しい投稿を並べて、行き来しやすくしました。
-
Google ビジネスプロフィールと情報をそろえる
地図アプリで探す人は、Google ビジネスプロフィールを見ます。営業時間・メニュー・写真をサイトと同じにそろえることで、検索でも AI による概要でも、正しい情報が出やすくなります。
-
よくある質問を、AI に引用されやすい形で
「予約は必要?」「一人でも入りやすい?」など、お客さまが実際に聞くことを、短い答えで書きました。構造化データも入れて、検索や AI の回答に使われやすくしています。
-
メニューは、お店の人が自分で更新できる
季節のメニューや臨時休業のお知らせは、管理画面から店主さんが更新できます。ケーキにはアレルギーの表示を付け、毎月の入れ替えも簡単にできる作りです。
Updateお店の人が、自分で更新できるところ
よく変わる情報は、制作会社に頼まなくても、お店の人が WordPress の管理画面から更新できます。スマホからでも操作でき、保存してから1〜2分でサイトに反映されます。
-
お知らせ
臨時休業や営業日の変更、イベントのお知らせを、文章と写真で投稿できます。投稿すると、トップとお知らせの欄に新しい順で並びます。
-
季節のメニュー
トップの「今月の季節のメニュー」を、写真・名前・説明・価格を入れるだけで差し替えられます。毎月の入れ替えも数分で終わります。
-
メニューと価格
ドリンク・ケーキ・ランチの品目と価格、アレルギーの表示を、追加・変更・削除できます。売り切れや終了したメニューは非表示にもできます。
※ このサンプルでは管理画面は動きません。実際の制作では、更新のしかたをお伝えしてからお渡しします。
オプション
予約機能も付けられます
Google カレンダーと連携して、ホールケーキの受け取りや席の予約を、サイトから受け付けられます。予約はお店の Google カレンダーにそのまま入るので、いつものスマホのアプリで確認できます。内容と料金はご相談ください。
このサンプルの作り
- 表示が速い Astro で作成
- メニューとお知らせは WordPress の管理画面から更新
- 画像は自動で軽い形式に変換
- 構造化データ(お店の情報・よくある質問)
- 予約・電話ボタンのクリックを Google アナリティクスで計測
こんなお店に向いています
- カフェ・パン屋・洋菓子店
- 美容室・ネイルサロン
- 習い事の教室
- 地図と営業時間が大事な、地域のお店
※ café lunas は架空のお店です。写真・メニュー・価格・住所はすべてサンプルです。