PROPOSAL

今岡建装 様|ホームページ制作 提案6案

長野県塩尻市の住宅塗装店(屋根・外壁・室内・ウッドデッキ・玄関ドア等)の新規ホームページを、「問い合わせ・予約を増やす」を目的に設計しました。ご希望の「シンプルでかっこいい」を軸に、同じ事実・同じ法令ルールのもとでCVの取り方が異なる6つの設計をご用意しています(初稿4案+追加2案:参考サイト準拠の案E、リサーチ準拠の案F)。各案はトップページの完成形(PC/スマホ対応)で、下層ページは方向性決定後に展開します。

2026-09-09 初稿4案+追加2案全ページ noindex画像は gpt-image-2 生成の仮画像(人物は架空)◆制作メモは画面上のボタンで非表示可フォームはデモ(送信されません)
案 A本命

職人・黒基調型

ブラック × オフホワイト × 真鍮イエロー / コンデンス書体
  • 狙い:「シンプルでかっこいい」を最も直球で。写真フルブリード+大きな見出し「営業を持たない、塗装店。」で他社と一線を画す
  • CVの核:営業なし=見積もりした本人が塗る、を3つの約束で提示 → 許可・保険の裏付け → 無料見積もり
  • 特徴:縦書き・ティッカー・数字バンドなど動きのある演出。指名検索・SNS流入に強い
案Aを見る →
案 B

白・ミニマル信頼型

ホワイト × チャコール × ネイビー / 余白のグリッド
  • 狙い:比較検討中の40〜60代に「安心の根拠」を先に見せる。検索(塩尻市 外壁塗装)からの流入を意識
  • CVの核:3つの約束 → 許可・保険カード → 塗り替えサイン5項目(ビフォーアフター) → 無料見積もり
  • 特徴:最も下層展開しやすい標準構成。写真差し替えで印象が大きく変わる
案Bを見る →
案 CCVR特化

CVR特化・診断LP型

ネイビー × オレンジ × イエロー / LP構成
  • 狙い:「今すぐ客」と「検討客」を両取り。FVで不安を即答し、迷う人は60秒セルフチェックで自分ごと化
  • CVの核:無料現地診断/写真を送って相談(LINE想定)の2段CTA。チェック結果から直接申込へ
  • 特徴:広告(Google・Meta)流入との相性が最も良い。かっこよさより「分かりやすさ」優先
案Cを見る →
案 D

暮らし・小さな塗装も型

生成りベージュ × ディープグリーン × ウッド / 丸みのあるUI
  • 狙い:競合(法人・FC)が拾わない「玄関ドアだけ・デッキだけ」の小口需要を受け皿に。口コミ・指名からの裾野を広げる
  • CVの核:大口/小口の2入口 → 写真1枚から相談 → 職人ストーリー → 3つの約束
  • 特徴:親しみやすく温かい。かっこよさは控えめで、女性・高齢層にも入りやすい
案Dを見る →
案 Eおすすめ

シンプル・写真余白型

ホワイト × インク × 写真 / 縦書き・角ゴシック(参考: tetopaint.jp)
  • 狙い:ご指定の参考サイトの「白地・写真フルスクリーン・縦書きキャッチ・読み込み演出・写真のずれ(パララックス)」を今岡建装の事実で再構成。装飾を削り、写真と余白で見せる
  • CVの核:私たちについて → 番号付きサービス4本 → 事例 → 流れ → 会社情報(挨拶・許可保険) → お問い合わせ(黒背景)
  • 特徴:写真の質に最も左右される。実写真が揃うほど強い。動きは静かで上品
案Eを見る →
案 Fおすすめ

チャコール・ギャラリー型

チャコール × ホワイト × 朱赤(差し色1色) / 太ゴシック・明朝なし
  • 狙い:リサーチの提案(チャコール地・白の余白・差し色1色・太ゴシック)を忠実に。施工事例ギャラリーが主役で、Instagram流入と噛み合う
  • CVの核:写真タイルFV → 事例ギャラリー(絞り込み・施工前後) → 屋根外壁/小口の独立2メニュー → 3つの約束 → 許可保険 → 見積もり
  • 特徴:小口塗装を独立メニューに(塩尻の競合は屋根・外壁のみが多く差別化に)。どちらを前に出すかは打合せで
案Fを見る →

6案の比較

案A 職人・黒基調型案B 白・ミニマル信頼型案C CVR特化・診断LP型案D 暮らし・小さな塗装も型案E シンプル・写真余白型案F チャコール・ギャラリー型
第一印象かっこいい・プロ・硬派清潔・誠実・整っている分かりやすい・行動しやすい温かい・気軽・親しみ静か・上質・写真が主役力強い・現代的・事例が主役
主なターゲット30〜50代、デザイン感度が高い層、SNS経由40〜60代、複数社を比較中の層、検索経由塗り替えを迷っている層、広告経由小さな困りごとを抱える層、口コミ・近所経由30〜50代、デザインで店を選ぶ層、指名・SNS経由Instagram・SNS経由、写真で判断する層
差別化の軸営業を持たない=職人一貫許可・保険の裏付け+見積書の透明性無料診断+セルフチェックで背中を押す小口需要の受け皿(競合の空白)余白と写真の質(競合の情報過多との対比)施工事例の見せ方+小口の独立メニュー
主CTA無料見積もりフォーム/電話無料見積もりフォーム/電話無料現地診断/写真を送って相談(LINE想定)相談・見積もり(無料)/写真1枚からお問い合わせ(黒背景セクション)/電話無料見積もり/写真を送って相談(小口)
独自パーツティッカー、数字バンド、縦書き、パララックス塗り替えサイン5項目、許可・保険カード60秒セルフチェック(5問・結果3段階)、お悩み→回答大口/小口の2ドア、小さな塗装6種、Instagram枠読み込み時ロゴ演出、フェードKV、縦書きキャッチ、写真パララックス、英文ループ写真タイルFV、絞り込みギャラリー+施工前後ライトボックス、独立2メニュー、Instagram帯
下層展開のしやすさ◎(標準構成)△(LP型のため下層は別トーンが必要)◎(参考サイト同様に下層が作りやすい)○(事例ページと相性が良い)
広告との相性△(説明が少なく広告向きではない)○(Meta広告と相性が良い)
写真への依存度(実写真必須)(正方形の事例写真が必要)
おすすめ「シンプルでかっこいい」の本命安心感重視なら広告運用を前提にするなら小口を伸ばしたいなら参考サイトの雰囲気に寄せるならInstagramと連動させ、小口を独立させるなら

全案共通の方針

リサーチからの設計判断
  • 競合(一心美装・プロタイムズ塩尻・小川原塗装店 等)はオレンジ×紺、写真・バッジ・情報量の多い構成が主流。ご希望の「シンプルでかっこいい」は、余白・タイポグラフィ・写真の質で差別化できると判断
  • 創業年数(競合は40〜60年)で勝負せず、Instagram の「営業を持たない」=見積もりした本人が塗るを全案の核に
  • 比較の決め手になる建設業許可・賠償責任/PL保険・社保労災・商工会議所会員を全案で一覧化(研究データ:ツクリンク/ビジネスモール由来、要確認)
  • 「室内・ウッドデッキ・玄関ドア・ちょっとした塗装」を全案に入れ、案Dで最も前面に。案Fでは屋根・外壁と並ぶ独立メニューに(塩尻の競合は屋根・外壁のみが多く、差別化になる)。どちらを前に出すかは打合せで確認
  • 案Eはご指定の参考サイト(tetopaint.jp)の構成・動きを参考にし、文言・写真・配色は流用せず今岡建装の事実で再構成。案Fはリサーチ(31_初稿の構成案)の「モノトーン+差し色1色・余白のグリッド」を忠実に形にした案
  • 価格は根拠のない数字を載せず「見積書に含まれるもの」で透明性を示し、価格帯は空欄(◯◯万円〜)で枠のみ
表現ルール(景表法・建設業法・特商法)
  • 「業界最安/地域最安値」「今だけ半額」「永久保証」「No.1」「唯一無二」は不使用
  • 保証年数・耐用年数は未確認のため数値を書かず、FAQで「書面でお渡し(要確認)」に留めた
  • 許可番号は未確認のため「取得済み・番号は打合せで確認」表記。許可がない場合は許可表記を外す
  • 「中間マージンなし」「自社施工」は施工体制の確認後に追加(現状未使用)
  • 「ご契約は必ず書面で」を全案に明記(建設業法19条)。訪問販売を行う場合はクーリングオフ告知を追加
  • 電話番号 0263-52-1805 は電話帳掲載の番号で要確認。所在地は「塩尻市」のみ(広丘郷原/大門幸町の不一致あり)

打合せで回収・確認するもの

必須
  1. 代表の顔写真・挨拶文(現状はAI生成の架空人物+仮ドラフト)。氏名表記の可否
  2. 施工写真(屋根・外壁・室内・デッキ・ドア。施工前/中/後)
  3. 建設業許可の番号・取得年月日/保険の加入状況
  4. 電話番号・受付時間・定休日・正確な事業所住所
  5. LINE公式アカウントの有無(あれば全案の主導線に追加)
確認
  • 保証の有無・年数・範囲(あればFAQ・料金に追記)
  • 価格の目安を出すか(出すなら実勢価格を回収)
  • 施工体制(自社施工のみか、協力業者を使うか)
  • 訪問営業の有無(「押し売りしない」表現の裏付け)
  • 対応エリア、小口の最低金額・出張費
  • Instagram/X の本人確認と埋め込み可否、ロゴの有無
  • 下層ページの範囲(サービス/事例/料金/会社案内/FAQ/お問い合わせ)

ご覧いただく際のメモ

  • 画面上部の黒いバーと「◆制作メモ」は制作側の注記です。右下(SPは左下)の「制作メモを隠す」で非表示にできます
  • スマホでは画面下に「電話/見積もり/LINE」の固定バーが出ます(LINEは要確認のため仮リンク)
  • 案Cの「60秒セルフチェック」は実際に操作できます。判定文言は一般的な目安で作成しています
  • 案Eは読み込み時にロゴの演出が入ります(同じタブでは2回目以降省略)。案Fの施工事例は「絞り込み」と「写真クリックで施工前後」が動きます
  • 各案は組み合わせ可能です(例:案Eのデザイン × 案Fのギャラリー × 案Cのセルフチェック)