← サンプルへ

架空のサンプルAI生成画像

木立造園(架空のサンプル)

架空の造園会社の古いサイトを、スマートフォンで電話しやすいサイトに作り直した見本です。

このページは架空のサンプルの解説です。登場する店舗・企業は実在せず、受託案件でもありません。制作の考え方を示すための作例です。

再現した旧ページ

再現した旧ページ

庭木の剪定、承ります

本文が小さく、幅が固定です。

新しいサイト
期間
2026年11月
担当
調査・構成(架空のサンプル)
使用技術
  • 作り直す前の再現
  • 5ページ以上の会社サイト
  • AI 画像生成

このサンプルについて

「木立造園」は架空の会社です。実在の造園会社やお客様の案件ではありません。検索結果に出ないようにしています。

2026年11月4日にこの名前を調べ、同じ名前は見つかりませんでした。見つからないことは、存在しないことの証明ではありません。

実在しない会社なので、写真の代わりに AI で生成した写真風の画像を使いました。顔、文字、看板、ロゴは入れないようにしています。実案件では、会社の写真に差し替える前提の構成です。

想定した依頼

10年ほど前に作った、パソコン向けのサイトがある、という設定です。スマートフォンで読みにくく、問い合わせ先が見つけにくく、お知らせが止まっています。

比べた画面

下の2つは、同じ幅のスマートフォンで最初に見える範囲を、説明のために並べたものです。左が再現した旧ページ、右が新しいサイトです。

何を残し、何を変えたか

残したのは、会社の名前、所在地、電話、剪定の仕事です。変えたのは、幅を画面に合わせること、電話と相談のボタンを先に置くこと、料金の目安をページの中に書くことです。

お知らせは、トップから新しい順に足せる形にしています。

数値

再現した旧ページと新しいトップを、この見本の中で見た結果です。実在のサイトの値ではありません。再現ページで測った説明用の値です。

項目 再現した旧ページ 新しいトップ
幅 960px で固定 画面の幅に合わせる
本文の大きさ 13px 16px
写真 0枚 1枚(AI で生成した画像)

公開後

お知らせを足す手順は、文章を書いて、日付を付けて、トップから開けるようにする、の3段です。ドメインとサーバーの名義は、架空の会社側に置く前提にしています。

← サンプルへ