作り替え / 工務店
10年前の作りの工務店サイト(作り替えのBefore)
デモ|自主制作要点
- 固定幅・スマホ非対応など、当時の普通の作りを仕様どおりに再現(人為的な遅延や巨大ファイルは入れていません)
- BeforeとAfterは同じホスティング・同じ条件で計測し、作りの差だけを比べます
- 再現した項目の一覧を公開し、都合よく悪く作っていないことを示します
2013年頃に作って放置された、という設定の工務店サイトを当時の普通の作り方で再現。作り替え版(After)はWeek2に制作し、このページで比較します。
デモを開く この構成で相談する 選択式・約1分。こちらから電話はしません
想定した依頼者と課題
地域の工務店。サイトは2013年頃に作ったまま更新が止まり、スマホでは文字が小さく、問い合わせは電話だけ、という想定です。
やったこと(Beforeの再現項目)
- 固定幅レイアウトでスマホ対応なし
- jQueryの画像スライダーを想定した構成(このデモでは軽量な代替表示)
- 撮ったままの大きな写真を縮小表示する前提の画像配置
- 見出しと電話番号を画像で置く前提のデザイン
- 更新が止まったお知らせ欄
人為的な遅延処理、意味のない巨大ファイル、わざと壊したHTMLは入れていません。再現は「当時の普通の作り方」だけです。
次の工程
After(同じ原稿と写真で、スマホ対応・施工事例の整理・問い合わせ導線の3点を変えた版)を Week2 に制作し、表示速度・ページの重さ・スマホ対応の○×をこのページで比較します。差が小さく出ても、Beforeを悪くして差は作りません。そのまま載せます。
担当範囲
担当:Beforeサイトの再現、比較ページの設計。写真・原稿は架空のものを用意(受託時はお客様の既存サイトから引き継ぎます)。
AIと人の分担: 実装・原稿の下書き・検査はAI、構成の判断と公開前の確認は人が行っています。 AIの下書きは誤ることがあるため、公開前に人が全ページを確認します。
使用技術
静的サイト生成(Astro)、ホスティングは Cloudflare Pages を想定。端末標準フォントで表示を軽くしています。
計測結果
| 項目 | 値 | 計測日 | 計測ツール・条件 |
|---|---|---|---|
| 表示速度スコア(モバイル) | 計測予定 | — | PageSpeed Insights/After と同じホスティング・同じ条件で計測(Week2) |
| 主要部分が出るまで(LCP) | 計測予定 | — | PageSpeed Insights/同上 |
| ページの重さ | 計測予定 | — | PageSpeed Insights/同上 |
注記: デモ環境での計測であり、実際のサイトでの改善幅や問い合わせの増加を保証するものではありません。 架空サイトのため、検索順位や問い合わせ数は計測できません。
同等構成の料金と納期の目安
150,000円〜 / 目安 15〜20営業日(After完成後の作り替え一式)(詳細は料金ページ。確定前の下書きです)
無料で相談する 選択式・約1分。こちらから電話はしません