色・余白・写真の見せ方
サンプルから引き継ぐのは、配色、文字の強弱、余白、写真の比率などのデザインの雰囲気です。
カフェ・コーヒー
コーヒーと過ごし方を明るく伝えるカフェのホームページ
架空の「朝凪コーヒー」を例に、メニューと価格の見せ方、入力の準備、公開後の更新手順を確認できます。
架空の「朝凪コーヒー」は、ハンドドリップ、季節のトーストプレート、焼き菓子を紹介するカフェのサンプルです。写真の後に商品名と参考価格を一緒に読めるメニューを置き、FAQで営業時間と「予約不要・来店順」を確認できる構成になっています。
地域のカフェへの来店案内
SNSだけでは定番メニュー、価格帯、席の雰囲気、営業時間、初めて来店する際の情報が流れてしまいやすい。
架空の「朝凪コーヒー」では、写真の後に3つのメニューを置き、それぞれの見出しに商品名と参考価格を一緒に載せています。席での過ごし方を読み、FAQで営業時間と「予約不要・来店順」を確認し、アクセスへ進めます。実際の注文・予約・送信は行われません。
- 看板ドリンク
- 季節の軽食
- 店内写真
- 営業時間
- アクセス
- 設計の理由: メニューの見出しで、600円からのハンドドリップ、1,250円の季節のトーストプレート、380円からの焼き菓子を比較できます。商品名と価格を同じ場所に置き、その下で味わい方や持ち帰り対応を説明しています。
- 用意する素材: 現在販売する料理・ドリンクと店内の写真、料理名、税込価格、店内と持ち帰りの違い、営業時間、ラストオーダーを用意します。サンプルのメニューと価格は架空の参考情報です。
- 更新する箇所: 季節メニューや価格を変えるときは、メニューの見出しとFAQ内の同じ商品・価格を確認します。自動で一括更新される前提にせず、説明と写真も照合し、公開先への反映まで確認します。
- 適用の限界: 来店順で案内する店の紹介に向いた例で、予約台帳、売り切れ連動、オンライン注文・決済の実装例ではありません。問い合わせフォームもサンプルのため送信されません。
事業内容に合う文章と構成
店名、サービス、料金、写真、問い合わせ方法は、入力した内容をもとに新しく組み立てます。
サンプルを参考に、入力から更新まで考える
完成したサンプルで確認できる内容と、自分のお店で作るときの手順を整理しました。制作時の操作記録や、実在する店舗の導入成果ではありません。
このサンプルを参考にした入力例
公開中の架空サンプルを参考に整理した説明用の入力例です。制作時の原文ではなく、同じ内容を入力しても同一のページが生成されるとは限りません。実店舗の情報に置き換えて使います。
- 店名と特徴
- 朝凪コーヒー。ハンドドリップ、季節のトーストプレート、焼き菓子を楽しめるカフェ。
- メニューと参考価格
- 一杯ずつ淹れるハンドドリップ 600円〜／季節のトーストプレート 1,250円／焼き菓子 380円〜。いずれも架空の参考価格。
- 営業時間と定休日
- 8:00〜18:00（ラストオーダー17:30）、火曜定休。架空のサンプル設定。
- 来店・持ち帰りの案内
- 予約不要・来店順。ドリンクと焼き菓子はテイクアウトにも対応。
- 用意する写真
- 店内、外観、コーヒー、トースト、焼き菓子など。実店舗では、掲載できる写真を手元にあるものから用意します。
自分のお店の内容で作る手順
カフェ向けの作成入口を開く
店名やお店の特徴など、画面で聞かれた項目から入力します。上の入力例は準備用のメモとして使い、所在地や連絡先は実店舗の正しい情報を用意します。
デザイン案を確認し、内容を具体化する
写真の見せ方や構成を確認し、メニュー名と価格、営業時間、予約の有無を整理します。このサンプルの雰囲気を参考にしても、店名・文章・写真は自分のお店の内容で新しく作ります。
生成後のプレビューで、来店前の情報を確かめる
スマホとパソコンで、商品名と価格が一緒に読めるか、営業時間と定休日が正しいか、アクセスへ移動できるかを確認します。サンプルの架空情報や送信されないフォームを、そのまま実店舗の案内に使わないようにします。
季節メニューの価格を変えるなら
価格改定を想定した説明用の編集例です。公開中のサンプル価格を変更した記録ではありません。
- 現在のサンプルの表記
- 季節のトーストプレート 1,250円
- 価格改定を想定した表記例
- 季節のトーストプレート 1,350円
メニューの見出しを編集する
生成後のプレビューで該当する文字を選び、商品名と価格を一組で変更します。現在のサンプルでは、価格は独立した料金表ではなくメニューの見出しにあります。
FAQと写真も照合する
FAQの「どのような料理・メニューがありますか？」にも1,250円の記載があるため、こちらも確認します。商品名を変える場合は、説明や写真が以前の商品を示していないか見直します。
下書き保存と公開への反映を確認する
「下書き保存」だけでは公開サイトは変わりません。公開中のサイトは「変更を反映」した後、公開URLを開き直し、メニューとFAQの価格が一致するかを確認します。
あなたのお店の情報で、カフェサイトを作る
サンプルの店名や価格ではなく、実際のメニュー、写真、来店方法を入力して始めます。
カフェのホームページを作成Q. メニューが季節ごとに変わっても更新できますか？
A. 公開後も文章と写真を編集できるため、季節商品や営業時間の変更に合わせて更新できます。
Q. Instagramだけでは足りませんか？
A. 投稿で流れやすい営業時間、アクセス、定番メニューを固定して見せ、Instagramは新着情報として併用できます。
Q. 予約や注文を受け付けるサンプルですか？
A. いいえ。「朝凪コーヒー」は予約不要・来店順という設定の架空サンプルです。メニューを見て来店を判断する構成で、実際の予約・注文・送信は行われません。