会社員が0からAIで副業に挑戦する記録

業種別サイト制作サンプル

sebu

業種ごとに、練習で作ったサイトや LP(宣伝用の1ページのサイト)をまとめています。

WordPress でのホームページ制作・LP 制作の練習として、業種ごとに架空のお店のサイトを作っています。どんな形のサイトが作れるかの見本として、ご覧ください。

掲載しているお店はすべて架空です

店名・住所・電話番号・料金・スタッフの声などは、練習のために作ったもので、実在しません。予約や応募のフォームも、送信しても入力内容はどこにも送られません。写真は無料の写真サイト(Unsplash)のものを使っています。

カフェ・レストラン:NAGARA TABLE

NAGARA TABLE のトップページ
NAGARA TABLE のトップページ

4つの店舗を持つ、オールデイカフェ・レストランの架空のサイトです。お店の雰囲気が伝わる写真を大きく使い、店舗ごとのメニューと予約につなげる形にしました。

  • 中央にロゴを置いたヘッダーと、全画面の写真スライダー
  • About・Menu・Shop の1ページ構成
  • 4店舗それぞれのメニューのページ
  • 店舗・日時・人数を選べる予約フォーム(練習用のため送信されません)
  • スマホでも見やすい表示

NAGARA TABLE の LP(3種類)

同じお店で、目的の違う LP を3つ作りました。LP は「予約する」「相談する」「応募する」など、1つの行動につなげるためのページです。

LP① 期間限定メニュー+予約

期間限定メニューの LP
期間限定メニューの LP

秋の期間限定コースを紹介して、予約につなげる LP です。コースの内容 → 3つのポイント → 予約の流れ → よくある質問 → 予約ボタン、の順に並べています。

LP② 貸切・パーティープラン

貸切・パーティープランの LP
貸切・パーティープランの LP

歓送迎会や二次会などの貸切の相談につなげる LP です。利用シーン → 3つのプラン → 店舗ごとの人数 → 当日までの流れ → 相談フォーム、の順に並べています。

LP③ スタッフ募集

スタッフ募集の LP
スタッフ募集の LP

アルバイト・スタッフの応募につなげる採用の LP です。職種 → 条件 → 1日の流れ → スタッフの声 → よくある質問 → 応募フォーム、の順に並べています。

これから追加するサンプル

ほかの業種のサイトや LP も、練習しながら順番に追加していきます。

作り方も記事にしています

サイト作りの流れは「Claude CodeでWordPressブログを作る方法」、公開のしかたは「Local の WordPress を本番公開する方法」で紹介しています。

▲TOP