架空の工務店・リフォーム会社のホームページ制作
- サイト
- 制作期間
-
約3週間（2026年10月〜11月）
- 種別
-
サンプル（自主制作・受注案件ではありません）
- 題材
-
地域の工務店・リフォーム会社（架空の会社「いえなおし舎」・東京都日野市を想定）
- 担当
-
企画・競合調査・構成設計・文章・デザイン・WordPressのテーマ制作・公開
- 規模
-
8ページ（トップ・施工事例・費用と工期の目安・ご相談の流れ・会社案内・お知らせ・お問い合わせ・個人情報の取り扱い）
- 写真
-
施工事例などの写真は、画像生成で作ったサンプルです
制作のねらい
- 地域の工務店が選ばれるために必要な情報を、実際の案件と同じ手順で組み立てる
- 費用の目安・施工事例・ご相談の入口を、初めての方が迷わない形にする
- 社長がスマホで、施工事例やお知らせを足せるようにする
はじめに、日野市まわりの工務店のサイトを検索して調べました。工事ごとの費用の目安を出している地元の小さな会社は、調べた6件のうち0件でした。写真を添えて相談できるフォームも、調べた会社にはありませんでした。この2つを、サンプルの軸にしています。
主な工夫
費用と工期の目安を1か所に
工事ごとに費用と工期の目安を並べ、それぞれの施工事例へつなげました。金額は管理画面の1ページで直すと、トップや施工事例のページにも同じ値が出ます。
工事前と工事後を並べた施工事例
工事前と工事後の写真を左右に並べ、分類・地域・費用・工期を添えました。写真2枚と入力欄だけで1件になるので、社長がスマホから1件ずつ足せます。
写真を添えられるご相談のフォーム
現場に出ていて電話に出られない時間がある工務店を想定し、スマホで撮った写真をそのまま添えて相談できる形にしました。サンプルのため、送信はしません。
ページ構成
- 会社を知る：トップページ・会社案内と対応エリア・お知らせ
- 工事を確かめる：施工事例・リフォームの費用と工期の目安・ご相談からお引き渡しまで
- 相談する：無料相談・お問い合わせ
技術の使い方
- WordPressのテーマを自作し、デザインを細かく作り込めるようにした
- 施工事例は専用の投稿、会社の情報と費用の目安は管理画面の1ページで更新できる形にした
- パソコン・スマートフォンのどちらの画面幅にも対応
- 使用技術
-
WordPress（自作のブロックテーマ）
