埼玉県で外壁・屋根塗装を手掛ける「大和塗装株式会社」様のコーポレートサイトを新規制作いたしました。
※掲載に関する注記 本事例は実績紹介として掲載しておりますが、守秘義務のため、企業名・サイトイメージ画像は架空のもの(ダミー)を使用しています。 実際の制作プロセスや施策のロジックは実例に基づきます。
目次
プロジェクト概要
| 項目 | 内容 |
| クライアント | 大和塗装株式会社 様(※架空) |
| 業種 | 建築・塗装業(外壁塗装・屋根塗装) |
| サイト種別 | コーポレートサイト / サービスサイト |
| URL | 非公開 |
| 制作期間 | 約2.5ヶ月 |
制作の目的
「悪徳業者が多く不安」という塗装業界のイメージを払拭し、「ここなら安心して任せられる」と感じてもらえる信頼性の高いサイトを目指しました。
背景・課題
制作にあたり、社長様より以下の課題をヒアリングいたしました。
- 課題1:他社との差別化ができていない
- 技術力には自信があるが、Webサイト上では価格競争に巻き込まれてしまい、安さ重視の問い合わせばかり来ていた。
- 課題2:顧客の不安を解消できていない
- 「どんな職人が来るのか」「追加料金はかからないか」といったお客様の不安に対し、事前の情報開示が不十分だった。
- 課題3:スマホからの流入を取りこぼしている
- チラシを見て検索してくれたお客様が、スマホ非対応の旧サイトを見て離脱してしまっていた。
提案・制作のポイント
「家の価値を守る、プロの塗装」というコンセプトを軸に、以下の施策を行いました。
1. デザイン:信頼と活気のコントラスト
配色は、企業の誠実さを表す「ネイビー」をベースに、親しみやすさとアクション(問い合わせ)を促す「オレンジ」をアクセントカラーに採用しました。
特にファーストビューでは、単なる綺麗な家の写真ではなく、あえて**「足場を組み、ヘルメットを着用して作業する職人の姿」**をメインビジュアルに採用。
「しっかりと安全管理を行い、丁寧に施工している」というプロフェッショナルな姿勢が、ひと目で伝わるように設計しています。
2. コンテンツ設計:不安を払拭する情報構成
グローバルナビゲーション(メニュー)に**「料金・プラン」と「スタッフ紹介」**を目立つ位置に配置しました。
顔が見える安心感と、明朗会計であることをトップページからアピールし、問い合わせへの心理的ハードルを極限まで下げています。
3. 機能・実装:CV(成果)への導線強化
ユーザーが「相談したい」と思った瞬間にアクションできるよう、ヘッダーとFV直下に3つのCTAボタン(無料見積もり・施工事例・お問い合わせ)を設置。
特にスマートフォン表示では、画面下部に「電話」と「LINE見積もり」ボタンを追従させ、チラシ経由のユーザーを逃さない導線を確保しました。
制作後の成果
公開から半年後、以下のような成果が出ています。
- 定量的成果:
- サイト経由のお問い合わせ数がリニューアル前と比較して180%に増加。
- 相見積もりの勝率が向上し、平均受注単価が約15万円アップした。
- お客様の声:
- 「お客様から『職人さんの写真を見て、しっかりやってくれそうだから頼んだ』と言われることが増えました。デザインの力でここまで反響が変わるとは驚きです。」
担当領域・制作環境
- 担当範囲: サイト設計 / デザイン / コーディング / WordPress構築 / 原稿作成サポート
- 使用ツール: Figma / Photoshop / VS Code
- 使用言語・技術: HTML5 / CSS3(SCSS) / JavaScript(jQuery) / PHP / WordPress
Web制作のご相談・お見積もりはこちらからお気軽にご連絡ください。