結婚式場のホームページの構成と、各部の名前

結婚式場のホームページは、見学(ブライダルフェア)の予約がゴールです。写真を大きく、余白を広くとって世界観を見せたうえで、フェアの日程、会場と料理、写真、費用の順に、見学に来る理由をつくります。予約と資料請求のボタンは、いつでも押せるよう画面の端に残します。

図は、森のチャペルと邸宅「Aube Garden」の架空のページです。気になる場所か名前を選ぶと、その言葉の説明が開きます。

  1. ナビゲーションバー

    ロゴを中央に置き、行き先を左右に振り分ける。

  2. 字間(トラッキング)

    字間を広くとると、ゆったりと上品な印象になる。

  3. ヒーローセクション

    大きな写真と短い言葉で、まず世界観を見せる。

  4. スクリプト体(筆記体)

    筆記体の英字は、読ませるより、飾りとして添える。

  5. アーチ型トリミング

    上を丸く切った写真。チャペルの窓や扉を思わせる。

  6. カルーセル / スライダー

    写真が数秒ごとに切り替わる。会場の表情を何枚も。

  7. カラムレイアウト

    フェアを3列に並べ、日付と中身を見比べやすくする。

  8. カード

    フェア1件を、写真・日付・特典のひとまとまりに。

  9. 追従ボタン(固定CTA)

    予約と資料請求を、どの場面でも押せるようにする。

  10. チップ(タグ)

    「試食つき」などの特典を、小さなタグで見せる。

  11. ジグザグレイアウト

    会場と料理を、写真と文章の互い違いで見せる。

  12. 余白 / ホワイトスペース

    余白を広くとるほど、写真が引き立ち、上質に見える。

  13. 背景文字(透かし文字)

    うしろに薄く敷いた大きな英字。飾りとして効く。

  14. メイソンリーレイアウト

    縦長と横長の写真を、切らずにすき間なく積む。

  15. プライシングテーブル

    人数ごとのプランを並べて、費用の目安を見せる。

  16. リボン

    おすすめのプランに、リボンの形で目印を付ける。

  17. CTAセクション

    最後にもう一度、見学と資料請求へ案内する。

  18. ボタンの4段階

    いちばん押してほしいほうを塗り、もう一方は枠だけに。

  19. フッター

    住所と電話、行き先の一覧、SNSへの入口をまとめる。

図 結婚式場のページの中にある、19の名前。

この構成で、AIに頼む

図と同じ順番と部品で、ページをつくってもらうための文章です。

文章を確かめる

「森の中の結婚式場」のホームページ(トップページ)を作成してください。 ページは、上から次の順で組み立ててください。 1. ナビゲーションバー:中央にロゴ、その左右にメニューを3つずつ振り分け、右端に、枠線だけの「来館予約」ボタンを置く。文字は小さめにして、字間を広くとる。 2. ヒーローセクション:アーチ型に切り抜いたチャペルの大きな写真を右に、明朝体の短いキャッチコピーを左に置く。筆記体の英字を、写真に少し重ねて飾りにする。写真は数秒ごとに切り替え、何枚目かを右下に小さく示す。 3. カラムレイアウト:今月のブライダルフェアを、3列のカードで並べる。カードには、写真・大きな日付と曜日・フェアの名前・特典を示す小さなタグを入れる。 4. ジグザグレイアウト:会場と料理を、写真と文章の左右を入れ替えながら紹介する。番号と英字の小さなラベルを見出しの上に添え、うしろに、大きく薄い英字(背景文字)を敷く。段のあいだは、広くあける。 5. メイソンリーレイアウト:式や会場の写真を、縦長と横長をまぜて、3列ですき間なく積み上げる(メイソンリーレイアウト)。押すと、大きく表示する。 6. プライシングテーブル:人数ごとのプランを3つ並べ、名前・人数・金額の目安・くわしく見るリンクを同じ順で見せる。おすすめのプランには「人気」のリボンを付ける。 7. CTAセクション:読み終えた人を見学へ誘う。短い呼びかけと、見学できる時間、「フェアを予約する」(塗りのボタン)と「資料を請求する」(枠線のボタン)を並べる。 8. フッター:ロゴ、住所と電話番号、メニューへのリンク、SNSのアイコン、コピーライトを置く。 あわせて、次の部品を入れてください。 ・追従ボタン(固定CTA):「フェア予約」と「資料請求」のボタンを画面の右端に固定し、スクロールしても常に表示する。スマートフォンでは、画面の下に固定した帯にする。 全体は、生成りの白を基調に、くすんだ薔薇色と深い緑を合わせた、やわらかく上品な雰囲気にしてください。見出しは明朝体と細いセリフ体にして、筆記体の英字を飾りとして添え、余白を広くとってください。 スマートフォンでも読みやすいレスポンシブ対応にし、見出し・本文・ボタンに一貫したルールを適用してください。写真は、仮の画像でかまいません。