会社HP造園・外構
東京都町田市（架空）
ノキシタ造園
株式会社ノキシタ造園制作サンプル
庭は季節で仕上がっていく。横長の庭の写真を絵巻のように流し、作庭事例の写真集と、今の季節が光る四季の手入れ暦を置きました。
PageSpeed Insights（モバイル）・2026-10-19計測97性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.45秒
サイト設計と計測結果
制作イメージ30本を、GoogleのPageSpeed Insights（モバイル）で測った結果です。速く開き、検索とAIに読まれるように、すべて同じ設計の決まりでつくっています。
PageSpeed Insights（モバイル）30本の平均 性能 99 SEO* 100 LCP 1.4秒
サイト設計で決めていること会社HP
LP造園・外構
神奈川県横浜市（架空）
お庭の年間お手入れ定期便
ミドリノテ（お庭の年間お手入れ定期便）制作サンプル
伸びてから業者を探す手入れを、定期便に。木の本数と高さで月額の目安が出る計算と、伺う月が切り替わる12か月のカレンダー。
PageSpeed Insights（モバイル）・2026-10-19計測100性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.22秒
会社HP業務用空調・設備
埼玉県さいたま市（架空）
トオリカゼ空調
株式会社トオリカゼ空調制作サンプル
空調を止めない会社。保守の状況を監視パネルのように見せ、法律で決められた点検の表と、台数・工期を仕様書のように並べました。
PageSpeed Insights（モバイル）・2026-10-19計測97性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.28秒
LP業務用空調・設備
東京都（架空）
業務用エアコンの入れ替え
カエドキ（業務用エアコンの入れ替え窓口）制作サンプル
設置した年を動かすと、入れ替えを考える時期の目安が出る物差し。閉店後に始めて翌朝に間に合わせる工事の時刻表をつけました。
PageSpeed Insights（モバイル）・2026-10-19計測98性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.21秒
会社HP産業廃棄物・回収
千葉県市原市（架空）
マワリエ環境
株式会社マワリエ環境制作サンプル
出したごみの行き先まで。許可証のような二重枠に許可の一覧を置き、委託契約からマニフェストの報告までを工程図でたどれるようにしました。
PageSpeed Insights（モバイル）・2026-10-19計測99性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP産業廃棄物・回収
東京都（架空）
事業所ごみの一括回収
マトメル（事業所ごみの一括回収）制作サンプル
燃えるごみ・段ボール・機密書類を1社に。出ているごみを選ぶと、回収のまとめ方と月額の目安が出ます。「いま」と「まとめた後」を並べました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.06秒
会社HP社労士
埼玉県越谷市（架空）
社会保険労務士法人ムスビメ
社会保険労務士法人ムスビメ制作サンプル
手続きの締め切りは、こちらで覚えておく。今日の日付から次の締め切りを付箋で出し、一年の手続きをカレンダーにまとめました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP社労士
東京都（架空）
給与計算の代行
キュウケイ（給与計算の代行）制作サンプル
給与計算を社内でやるといくら？ 従業員数と担当者の時給を動かすと、社内の費用と代行の料金が並びます。月の流れは担当つきで。
PageSpeed Insights（モバイル）・2026-10-19計測99性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP司法書士
千葉県船橋市（架空）
司法書士法人イエモリ
司法書士法人イエモリ制作サンプル
家の名義を、次の人へ。ファーストビューに相続関係説明図を描き、相続登記の手順と必要な書類を対で並べ、登録免許税の目安も計算できます。
PageSpeed Insights（モバイル）・2026-10-19計測100性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP司法書士
千葉県（架空）
相続登記の期限チェック
トウキノマド（相続登記の相談窓口）制作サンプル
実家の名義、まだ親のままですか。相続を知った時期を選ぶと、相続登記の期限まで残り何日かが大きく出ます。頼み方は3つから。
PageSpeed Insights（モバイル）・2026-10-19計測97性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.28秒
会社HP特許・商標
東京都大田区（架空）
ノコス特許商標事務所
ノコス特許商標事務所制作サンプル
アイデアを、残る権利に。特許の図面のように番号と引き出し線を付けた図を入口に、4つの権利の違いと、出願から登録までの時期を並べました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP機械設計・装置
愛知県刈谷市（架空）
ウゴカス設計
株式会社ウゴカス設計制作サンプル
一台ずつ、現場に合わせて。事例を導入前と後の人数・作業時間・設置面積の仕様カードで並べ、ファーストビューにもその数字を置きました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP機械設計・装置
愛知県（架空）
省人化設備の設計相談
テマヘラス（省人化設備の設計相談）制作サンプル
人を減らすのではなく、手間を減らす。人数・人件費・設備費を動かすと、何年で元が取れるかが横棒で出ます。小さく試せる3つの進め方も。
PageSpeed Insights（モバイル）・2026-10-19計測100性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP金属加工・製造
東京都大田区（架空）
ヒトケタ精工
株式会社ヒトケタ精工制作サンプル
千分の一ミリの、その先へ。精度の数字を寸法線つきで大きく掲げ、設備の一覧・検査室・採用までを技術資料のように並べました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP金属加工・製造
東京都（架空）
1個からの試作加工
イッコカラ（1個からの試作・小ロット加工）制作サンプル
試作の1個も、断らない。材料と数量を選ぶと、1個あたりの目安と、数量で単価が下がる様子が棒グラフで出ます。図面はその場に置けます。
PageSpeed Insights（モバイル）・2026-10-19計測98性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP建物の検査・調査
神奈川県川崎市（架空）
ミトオス建物調査
株式会社ミトオス建物調査制作サンプル
見えないところを、見える報告書に。報告書の見本ページ（写真に番号と赤丸、3段階の判定）をファーストビューに置き、目的ごとの調査の組み合わせを表にしました。
PageSpeed Insights（モバイル）・2026-10-19計測99性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.22秒
LP建物の検査・調査
神奈川県（架空）
外壁タイルの赤外線調査
タイルミル（外壁タイルの赤外線調査）制作サンプル
足場を組まずに、浮きを探す。ボタンで写真に赤外線のイメージ図を重ね、外壁の面積を動かすと打診と赤外線の費用と日数が並びます。
PageSpeed Insights（モバイル）・2026-10-19計測99性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.22秒
会社HPITサポート
東京都品川区（架空）
トナリノ情シス
株式会社トナリノ情シス制作サンプル
情シスのいない会社の、となりの席に。困りごとから解決までをチャットのやり取りで見せ、月額に含むものと別見積もりを表で分けました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LPITサポート
東京都（架空）
パソコンとネットの月額保守
PCモリ（パソコンとネットワークの月額保守）制作サンプル
パソコンが止まると、仕事が止まる。会社の機器を数えると、月額の保守料と、何が含まれるかがその場で分かります。
PageSpeed Insights（モバイル）・2026-10-19計測97性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.08秒
LP特許・商標
東京都（架空）
商標登録
ナマエノマモリ（商標登録の窓口）制作サンプル
その名前、先に取られていませんか。何に使う名前かを選ぶと、出願する区分の例と、特許庁の手数料と報酬の合計が出ます。
PageSpeed Insights（モバイル）・2026-10-19計測99性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP外壁塗装・防水
埼玉県川越市（架空）
ツムギ塗装店
株式会社ツムギ塗装店制作サンプル
職人の手仕事と色選びの楽しさを、雑誌のような読み物に。和の色名を付けた色見本チップをモチーフにしました。
PageSpeed Insights（モバイル）・2026-10-19計測97性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.36秒
LP外壁塗装・防水
神奈川県（架空）
外壁・屋上防水の無料劣化診断
ミズカベ防水塗装制作サンプル
自分の家の症状を押していくと、診断の申し込みボタンが反応するセルフチェック。押した内容はフォームに自動で入ります。
PageSpeed Insights（モバイル）・2026-10-19計測96性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.52秒
会社HP屋根・雨漏り修理（板金）
千葉県（架空）
アマネ板金
株式会社アマネ板金制作サンプル
屋根の勾配を思わせる斜めの切り返し。工事の種類・対応エリア・屋根材の選び方を、図と表で引ける会社案内です。
PageSpeed Insights（モバイル）・2026-10-19計測100性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP屋根・雨漏り修理（板金）
東京都・埼玉県（架空）
雨漏りの当日調査
ソラマモリ（雨漏り緊急調査）制作サンプル
いま天井から水が落ちている人が、まず電話できるように。暗い背景に大きな電話番号と「受付中」のランプを置きました。
PageSpeed Insights（モバイル）・2026-10-19計測98性能100アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.98秒
会社HP解体工事
愛知県（架空）
クサビ解体
株式会社クサビ解体制作サンプル
大きな文字で言い切る構成。白黒の写真と安全標識の黄色、工程表をそのまま見せる表で「段取りで選ばれる解体」を伝えます。
PageSpeed Insights（モバイル）・2026-10-19計測100性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.22秒
LP解体工事
静岡県（架空）
相続した実家の空き家の解体相談
サラチ相談室（空き家解体の相談窓口）制作サンプル
迷っている人に、急がせずに順番を示す。角の丸い写真とやわらかい書体、構造と広さで費用の目安が出る計算機を付けました。
PageSpeed Insights（モバイル）・2026-10-19計測100性能97アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.38秒
会社HP税理士
大阪府（架空）
税理士法人コトワリ会計
税理士法人コトワリ会計制作サンプル
余白の多いスイス式の端正な事務所案内。細い罫線と番号、帳簿の升目を背景にした顧問料の表で、数字に強い印象をつくります。
PageSpeed Insights（モバイル）・2026-10-19計測98性能95アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）2.14秒
LP税理士
福岡県（架空）
創業融資サポート
ヒラク会計事務所制作サンプル
これから独立する人向けに、製品紹介のような明るい構成。融資までの進み具合をアプリの画面風のカードで見せます。
PageSpeed Insights（モバイル）・2026-10-19計測100性能94アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
会社HP行政書士
京都府（架空）
行政書士法人ヨスガ
行政書士法人ヨスガ制作サンプル
縦書きの見出しと朱肉の丸印。本の目次のように業務を引けて、業務ごとに報酬の目安まで開ける事務所案内です。
PageSpeed Insights（モバイル）・2026-10-19計測100性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.07秒
LP行政書士
東京都（架空）
建設業許可の新規申請
ミチアケ行政書士事務所制作サンプル
工務店の社長が、自社が許可を取れそうかをその場で確かめる。設計図の方眼の上に、5問の要件診断を置きました。
PageSpeed Insights（モバイル）・2026-10-19計測99性能96アクセシビリティ100おすすめ設定100SEO*表示までの時間（LCP）1.83秒
条件に合う制作イメージがありません条件をひとつ外すか、「条件をクリア」を押してください。
PageSpeed Insights はGoogleの計測ツールです。点数は0〜100で、90以上を緑、50〜89を橙、49以下を赤で示します。LCPは、最初に見える一番大きな要素が表示されるまでの時間です。点数は測るたびに少し揺れるため、1ページを2回以上測った中央値を出しています。*SEO の点は、制作サンプルとして検索に載せない設定（noindex）の1項目を除いて計算しています。実際の制作では、この設定は外します。
会社名・所在地・電話番号・金額・お客様の声などは、すべて架空または例です。写真はイメージです（Pexels、または生成AIで作成）。実際の制作では、御社の写真と文章に差し替えます。
POLICY
サイト設計で、決めていること
制作イメージ30本すべてに、同じ決まりで組み込んでいます。
01 SPEED
スマホで、すぐ開く
- 画像は WebP に変換し、画面の幅に合う大きさだけを読み込む（srcset）
- 最初に見える画像を優先して読み込み、それ以外は画面に近づいてから読み込む
- Webフォントは、使う太さだけに絞る
- 画像には表示する大きさを指定し、読み込み中にレイアウトがずれないようにする
02 SEARCH / AI
検索とAIの回答に、読まれる
- 大事な内容は画像ではなく本文のテキストで書く
- よくある質問を本文に置き、質問を見出しにして、最初の一言で答える
- 制度や数字には、確かめられる先（公的機関の案内など）を添える
- 会社名・電話・料金などの事実を、ページと構造化データで食い違わないようにそろえ、更新日を書く
03 MOBILE
スマホの幅で、実際に測る
- 375pxの画面幅で開き、横にはみ出す要素が無いかを機械で測る
- 問い合わせのボタンは、スマホでは画面の下に固定する
- 見出しの改行と、文字の大きさを目で確かめる
04 CHECK
公開の前と後に、確かめる
- 公開前：見出しの構造・画像の代替テキスト・重さ・表記を、機械で全ページ確かめる
- 公開後：PageSpeed Insights で全ページを測り、結果をこのページに載せる
- 保守の期間中は、月に一度、表示の速さと問い合わせの数を確かめる