木立造園(架空のサンプル)
架空の造園会社の古いサイトを、スマートフォンで電話しやすいサイトに作り直した見本です。
このページは架空のサンプルの解説です。登場する店舗・企業は実在せず、受託案件でもありません。制作の考え方を示すための作例です。
再現した旧ページ
庭木の剪定、承ります
本文が小さく、幅が固定です。
木立造園
庭木の手入れから、庭づくりまで。
写真を添えて相談する
- 期間
- 2026年11月
- 担当
- 調査・構成(架空のサンプル)
- 使用技術
このサンプルについて
「木立造園」は架空の会社です。実在の造園会社やお客様の案件ではありません。検索結果に出ないようにしています。
2026年11月4日にこの名前を調べ、同じ名前は見つかりませんでした。見つからないことは、存在しないことの証明ではありません。
実在しない会社なので、写真の代わりに AI で生成した写真風の画像を使いました。顔、文字、看板、ロゴは入れないようにしています。実案件では、会社の写真に差し替える前提の構成です。
想定した依頼
10年ほど前に作った、パソコン向けのサイトがある、という設定です。スマートフォンで読みにくく、問い合わせ先が見つけにくく、お知らせが止まっています。
比べた画面
下の2つは、同じ幅のスマートフォンで最初に見える範囲を、説明のために並べたものです。左が再現した旧ページ、右が新しいサイトです。
何を残し、何を変えたか
残したのは、会社の名前、所在地、電話、剪定の仕事です。変えたのは、幅を画面に合わせること、電話と相談のボタンを先に置くこと、料金の目安をページの中に書くことです。
お知らせは、トップから新しい順に足せる形にしています。
数値
再現した旧ページと新しいトップを、この見本の中で見た結果です。実在のサイトの値ではありません。再現ページで測った説明用の値です。
| 項目 | 再現した旧ページ | 新しいトップ |
|---|---|---|
| 幅 | 960px で固定 | 画面の幅に合わせる |
| 本文の大きさ | 13px | 16px |
| 写真 | 0枚 | 1枚(AI で生成した画像) |
公開後
お知らせを足す手順は、文章を書いて、日付を付けて、トップから開けるようにする、の3段です。ドメインとサーバーの名義は、架空の会社側に置く前提にしています。