Webデザイン
茨城県の工務店のホームページデザイン15選！･･･
2022.09.28
塗装業のホームページデザイン9選！問い合わせを増やす3要素とは
Webデザイン
更新日：2022.09.06
公開日：2021.07.26
「ホームページを作ったものの、まったくお問い合わせがこない…」とお悩みの外壁塗装会社の経営者・マーケティング担当者も多いのではないでしょうか。
お問い合わせが来るホームページは、集客できるターゲットやコンセプト、導線設計が考えられています。
しかし、いざ制作しようと思っても何から始めればいいのかわからないのが悩みどころですよね。
本記事では、外壁塗装業のWeb集客・ホームページ制作を数多く行ってきたTRASPが、ホームページデザインの事例を9つ紹介しながらターゲット設定・コンセプトの決め方をわかりやすく解説。やってはいけないNGデザインも紹介しますので、参考にしてください。
目次
外壁塗装業の集客ではホームページが必須！
今後、外壁塗装業界で生き残るためには、ホームベージを活用した集客が必須と考えておきましょう。いままでは外壁塗装業界ではチラシやボスティング、そして訪問営業といったオフライン手法が集客の軸として活用されていました。
しかしチラシをきっかけに顧客へ近づき、後から高額請求を行うといった悪徳業者が増加。
そのため顧客はチラシや訪問営業を警戒するようになり、いまでは集客効果が弱まっています。
またインターネットが広く普及したことで、現代の顧客はスマートフォン・パソコンを活用し、Webで業者を探す時代に変化しました。仮にホームベージで会社情報を確認できなければ顧客は不安を感じ、選択肢から除外することも珍しくありません。
反面、過去の実績やお客さまの声などを掲載し、ホームベージを上手に活用している企業は多くの問い合わせを獲得できています。このように外壁塗装業ではホームベージの活用次第で集客数が大きく変化するため、会社規模に関係なく注力すべき集客施策になります。
外壁塗装業のホームページ制作を成功させるには？
ホームページを制作する目的は「問い合わせを増やすこと」。しかしホームページをただ制作するだけでは、問い合わせを獲得できません。
なぜならインターネット上では全国の外壁塗装業者・個人サイト・ポータルサイトなどが情報を発信しており、膨大な情報の海に埋もれてしまいます。したがって集客を意識した制作を行わないと、自社サイトをユーザーに見つけてもらえないのです。
そのためホームベージ制作を行う際は、以下のポイントを意識するようにしましょう。
- デザイン
- 集客導線
- 運用・検証
1.デザイン
ホームベージではデザイン次第で集客効果が変化します。しかし注意すべきことは、見た目のカッコよさやオシャレさが問い合わせ数に直結するわけではない点です。
ホームページの「デザイン」と聞くと、見た目をきれいに整える作業のように聞こえますが、実際はもっと深く考えなければいけません。具体的にはホームページを制作することで達成したい目標を立て、この目標を達成するために必要な導線作りや、ターゲットに刺さる見た目に仕上げることが「デザイン」なのです。
たとえば多彩な色を活用し動きのあるオシャレなホームベージを作っても、「問い合わせボタン」がわかりづらい位置にあるだけで、お問い合わせ数は激減するでしょう。対してシンプルなデザインでもサイドバーに問い合わせボタンが固定されていれば、問い合わせにつながる確率は向上します。
このように些細なポイントによってもユーザーの反応は変化するため、行動心理を踏まえたうえでホームベージを設計することが重要です。
本記事では具体的な事例を用いながら、外壁塗装業のホームベージデザインについて解説していきます。
2.集客導線
デザインと合わせて意識すべきことは、ユーザーがアクセスしてから問い合わせを行うまで集客導線です。
ホームページ制作ではデザインだけにこだわっても、ユーザーを問い合わせにつなげられません。なぜならユーザーが求める情報や信頼感・期待感を与える内容が重要となり、自然な流れで問い合わせを促す動線設計が重要な要素となるからです。
たとえば「ホームページからのお問い合わせが月に10件来るようにしたい」という目標を立てたのであれば、どのようなデザインにすれば良いでしょうか？ホームページに来てくれたユーザーに「お問い合わせボタンを押してもらう」「お問い合わせフォームに情報を入力して送信してもらう」というアクションをうながす必要がありますね。したがってお問い合わせボタンの配置やコンテンツの見やすさを工夫することが必要となるでしょう。
目標を立てる際のコツは、「数字で測定できる指標を持つ」こと。設定した数字に近づいているかを確認しながらホームページ制作を進めましょう。
3.運用・検証
多くの方が「ホームベージを公開すれば多くの人の目に触れ、集客できる」と考えがちですが、残念ながらホームベージを公開しただけでは問い合わせは増えません。
なぜならホームベージの公開当初はまだ検索エンジンに認識されておらず、検索しても検索結果の上位に表示されないからです。上位に表示させるには検索エンジンの代表である「Googleからの評価」を高める必要があり、日々の情報更新をはじめとした「ホームベージの運用」が必須となります。
なかでも「ユーザーに役立つ情報発信」は、幅広いユーザーからのアクセス獲得に効果的。
したがってまずはユーザーが求めている情報を発信していき、購買意欲が低い潜在顧客であっても、時間をかけて自社のファン→問い合わせの流れを作るようにしましょう。
外壁塗装業のホームページ集客については、以下の記事にまとめてあります。
外壁塗装業のホームページから問い合わせを増やすコツ3つ
つづいて外壁塗装業者のホームベージを数多く手掛けてきたTRASPが、ホームベージから問い合わせを増やすコツを3つに絞って解説していきます。
- ターゲットの明確化
- コンセプト設定
- 制作会社への依頼
ホームベージ制作では重要なポイントになりますので、制作前に確認しておきましょう。
1.ターゲットの明確化
まずは「ホームページを誰に見てほしいか」ターゲットを明確にしましょう。
ホームページはユーザー（サイト訪問者）へ情報を伝えるために制作します。年齢や性別が違えば、情報の伝え方やデザインの方向性が変わるため、この「ターゲット」設定も慎重に行わなければいけません。
ターゲット選定のポイントはこちら。
- 既存のお客さまの特性から自社の強みを知る
- メインで集客するターゲットを設定する
「だれをターゲットにすれば良いのかわからない…」と悩まれる方もいらっしゃいますが、既存顧客を分析することで具体的な傾向がつかめます。そのため既存顧客に向けたアンケート調査などをとおして、特徴や属性を把握していきましょう。
2.コンセプト設定
つづいて行うべきことは、「私たち、こんな塗装業者です！」と一言で伝えるコンセプトの設定です。
想定したターゲットは、自社以外の競合他社のホームページを見る可能性があります。そのため他社にお客さまを奪われないよう、「あなたのニーズに合ったこんな利点を持つ業者である」とひと目で分かるデザインにしましょう。
コンセプト設定を行う際は、まず「現状の姿」「理想の姿」「お客さまが求めているであろう姿」を言葉で書き出しましょう。
例
- 「現状の姿」：地域に根差した運営、近隣地域の口コミで広がる
- 「理想の姿」：もっと広い地域から集客、塗装と言ったら私たちという認識が広がる
- 「お客さまが求めているであろう姿」：料金体系が明瞭で安価、安心できる施工
上記を書き出した後は、「今後も守っていきたい部分」と「変わらなければならない部分」にわけましょう。
- 「今後も守りたい」
地域に根差した運営、料金体系が明瞭、安心できる施工 - 「変わる必要がある」
「口コミで広がる」から「広い地域から集客」へ、塗装と言ったら私たちという認識が広がる、安価
その後「MUST（必ず）」と「BETTER（できれば）」の2軸で捉え直します。
- 「MUST（必ず）」
地域に根差した運営、塗装と言ったら私たちという認識が広がる、料金体系が明瞭、安心できる施工（地域に根差した運営を中心に、明瞭なプランと実績で「この地域なら私たち」ブランドを作りたい） - 「BETTER（できれば）」
「口コミで広がる」から「広い地域から集客」へ（理想的ではあるが、まずは地域に根差した運営をしたい）
ここまで考えると「変わらず守らないと成り立たない要素」もあれば、「実はそこまでこだわる必要のない要素」の差が見え始めます。最終的に削りきれなくなった要素を繋ぎ合わせればコンセプトができあがるはずです。
具体的には、「MUST」要素が集まって生まれた「地域に根差した運営を中心に、明瞭なプランと実績で”「この地域なら私たち”という」ブランドを作りたい」こそがコンセプトに近いフレーズです。
上記はあくまで一例のため、自社の「現状」と「理想」を振り返りながら取り組んでいきましょう。
3.制作会社への依頼
ホームベージを制作する際は、基本的にプロである制作会社へ依頼することをおすすめします。
現代ではアプリやテンプレートを活用してホームページを無料で自作することも可能ですが、他社と似たようなホームページでは競合との差別化を行えず、時間をかけたのに結果的に集客のできないホームベージとなることも。
またWebマーケティングに精通している制作会社へ依頼することで、検索エンジンの検索結果で上位に表示させる「SEO対策」を行えます。ホームベージを持つことが当たり前の現代ではWeb上の競争も激しく、SEO対策は必須といっても過言ではありません。
当社で受けた依頼のなかでは、実際に自分でホームページを作ったものの成果が出ずにリニューアルするケースがほとんどと言っても過言ではありません。最初からプロに依頼したほうが最短で問い合わせにつながる集客施策を実行できるでしょう。
TRASPは企業のブランディングからホームページ制作まで一貫してお任せいただけます。当社でホームページ制作をさせていただいた外壁塗装業者さまも、実際に問い合わせがUPしたという声は非常に多いです。「自社のコンセプトがうまく決められない」という方は、ぜひお気軽にご相談ください。
お問い合わせはこちら
参考にしたい外壁塗装業のホームページデザイン「ほっこり系」3選
ここからは参考にしたいホームページデザインの一例をご紹介します。
「ほっこり」としたデザインは、読み手に安心感を与え信頼に繋げます。「安心・安全のリフォーム」「まずは無料相談からご相談ください」などのコピーと組み合わせて、柔らかな印象を作り上げることができます。
「ADLOOP合同会社（アドループ）」ホームページ
工事の種類を写真と一緒に紹介しており、どのような時にどのような工事が必要なのかが一目瞭然です。それぞれの施工に関する詳細についても、「ベテランの職人が」「特許取得済の技術で」といった強みを押し出すコピーが添えられており、ユーザーの不安を解消できるコンテンツになっています。
特筆すべきは、「施工動画」です。サイトマップから移動できるページに「塗装の話をしよう！」という動画コンテンツがまとめられています。今後追加していくことも可能な「継続的なコンテンツ」と言えるでしょう。
現在更新はストップされているようですが、「News」ページも用意されています。常に最新の情報を提供するための仕組みとして優れたポイントが多く、ぜひ参考にしたいサイトです。
「Rwwall -リウォール-」ホームページ
パステルカラーで統一された、温かみのあるあたたかな雰囲気のサイトです。トップページにいくつかの画像が流れる形で作成されています。その画像の中に人の姿が見えるのも印象的です。それぞれの項目に入るサムネイル画像にも写真が入っており、「人」が感じられるデザインに整えられています。
また、下部のリンクから飛べる職人紹介のページもポイントです。職人を写真とともに紹介しており、こちらでも「人」の姿が見えるサイト作りが意識されています。よくある質問も同じページにまとめられているなど、ユーザーに寄り添ったホームページとして参考にしたいポイント満載です。
電話やLINE見積もりへのアクセスが分かりやすいので、顧客の獲得にもつながりやすいでしょう。このようなユーザー目線の導線作りにも注目したいですね。
「理建」ホームページ
愛知県の工務店「理建」のホームページです。一般住宅やマンションをは店舗改装などのリフォームを行う工務店です。
メインのトップ画像は自動的で切り替わる設計になっています。家族の笑顔が見えるデザインで、ユーザーにあたたかな家庭を築く家づくりのイメージを持たせることができいます。画像ごとにキャッチコピーも変えられており、ファミリー世代や二世帯で暮らす家族の不安解消に繋がる効果が期待できます。
ターゲットごとにカラーリングを変更しているのもポイントです。業務内容の一覧で、幅広い世代に必要なリフォームにはさわやかな青を基調とした色を、バリアフリーリフォームにはベージュ系の落ち着いた色を使うなど、ほっこりとした雰囲気作りのためのにデザインにをこだわっているのも注目したいところです。
参考にしたい外壁塗装業のホームページデザイン「クール系」3選
スマートな印象を与える「クール」なデザインは、洗練された施工技術が強みの業者さんにぴったりです。
スマートな印象を与え、「スムーズな進行」「納得の施工」などのコピーとが相性がいいでしょう。クオリティの高さを重視する読み手に刺さるホームページなら、「クール」がおすすめです。
「濱野工業株式会社」ホームページ
黒を基調としたデザインが特徴的なサイトです。クールなデザインで言葉数を押さえながらも伝えるべき所は正確に伝えているので見やすい作りになっています。
修理の事例を「板金施工事例」「屋根・外壁・リフォーム事例」「落雪ストップ施工事例」などの症例ごとにまとめているので、「悩み」をキーワードに検索して辿り着いたユーザーへ親切新設な作りと言えるでしょう。
トップページで「お知らせ」という形で最新情報を紹介しており、コンテンツも継続してアップロードされています。「過去の工事の解説」では実際の施工事例を紹介しているので、これから工事を依頼する方の参考資料としても機能するでしょう。
「株式会社松下組」ホームページ
あえて顔を映さない角度での撮影を行うなど、職人をかっこよく見せることに特化したトップページがポイントです。クールな雰囲気から洗練されたデザインを行う業者であることをイメージさせます。
下部へスクロールすると、ポップながらも全体の雰囲気を壊さない企画コンテンツが並んでいます。人の姿を見せることを意識しながらもクールな印象は崩さないバランスが絶妙です。職人紹介のコピーも白地にゴシックフォントで締まった印象を与えるなどこだわりが見えます。
「株式会社MIYOSHI」ホームページ
岐阜の家作りを支える「株式会社MIYOSHI」のホームページです。動画をメインビジュアルに使用しており、サイトに飛んだユーザーに自然と見入らせる作りになっています。見出しを明朝体にすることで洗練された印象を与えながらも、本文はゴシック体で読みやすさに特化させているのもポイントです。
スクロールに合わせて各項目がスライドする仕組みもユーザーを飽きさせないアクセントになっています。下部には新たな情報が更新されるコンテンツも用意されており、SEO対策にもこだわりが見えます。
細かい点ですが、スマートフォン表示でハンバーガーメニューを引き出した際の、青色背景の後ろにサイトが透ける見え方もクールです。
参考にしたい外壁塗装業のホームページデザイン「ギラギラ系」3選
「ギラギラ」なデザインは、情報を素早く視覚的に伝えられるのが特徴的です。
「〇〇万円で施工可能！」「最短〇〇で解決！」など具体的な数字を示すデザインに合っています。打ち出したい強みが明らかで、早くフォームやお問い合わせに繋ぎたい場合に選択しましょう。
「Terra Reform株式会社『クイック屋根工事』」サイト
「クイック屋根工事」は、屋根修理業者の情報を集めたエージェントサイトのような作りをしています。TOPページは雰囲気を伝えるというより、料金などの情報が素早く伝わるデザインになっています。「即日対応！」「10000件以上」「資格保有者」など、押したい内容が目に入りやすい一方で、「ほっこり」「クール」といった雰囲気作りとの両立が難しいので、目的に応じて選択する必要があります。
ユーザーの漠然とした不安を具体的な言葉にしたコピーが多いので、すべての文章をじっくり読んでくれるユーザーは問い合わせに繋がりやすいでしょう。コンテンツの量が多くなりがちなので、下部の「修理・工事について」の項目のように丁寧にカテゴリ分けを行うのも効果的です。
「株式会社ルクア」サイト
トップページには写真を配置し、ほっこりとした印象を受けるのですが、下部にスクロールするにつれて具体的な数字が大きく表示される作りになっています。
「安心&満足度No.1」という表記や、「完全オーダーメイド」などのコピーを大きめに配置することでユーザーのニーズに直感的に訴えるデザインが印象的です。会社概要などの文字数が多くなってしまう要素は、下部にまとめることで、前半に文字を並べてもうるさくない構成にしているのもポイントと言えるでしょう。
コピーはギラギラ系に分類されますが、その中でもほっこり系・クール系のいい所を採用して構築されているので、ぜひ参考にしたいサイトです。
「弥栄塗装」サイト
クールな見た目に整えながらも、トップページに費用などの直接的な情報を掲載する作りになっています。
下部にスクロールすると各コンテンツが並んでいるのですが、必ず費用と工期の情報がまとめられています。ユーザーのニーズを満たすのが早ければ、それだけ受注に繋がる可能性も高まるのでおすすめです。各所に散りばめられたコピーの色やフォントは落ち着いていますが、「低価格」「最新」など直感的にわかりやすい言葉選びが意識されています。
デザインとコピーのバランスを取りながら、「うるさくないけどギラギラ系」といういい所取りを実現したサイトと言えるでしょう。
外壁塗装業のホームページでNGデザイン
外壁塗装業のホームページでやってはいけないNGなデザインを具体的に紹介します。
NG例は次の3つ。
- テンプレートなホームページになっている
- 施工事例がない、または古い
- CTAボタンがない
1つずつ解説していきます。
1.テンプレートなホームページになっている
テンプレートでホームページを作ってはいけないと言っているわけではありません。テンプレートでもプロのWebデザイナーが作ったクオリティの高いものがあります。しかし、内容までテンプレート化してしまうのは良くありません。
「よくあるような」サイト、「ありきたりな」サイトだとユーザーが感じてしまえば、自社を選ぶ理由がなくなってしまいます。
Google検索で上位に出てくる競合他社のサイトをマネすることは、Webマーケティングにおいてテクニックの一つといえます。なぜなら、すでに上位化できているサイトは、Googleの高評価を獲得し、集客に成功している例だからです。
したがって競合サイトを参考にする場合は、自社ならではの独自性を際立たせるようにして差別化しましょう。
こちらも参考にしてください。
TRASPでは完全オリジナルデザインをスタンダードプラン（70万円）〜からご用意しています。専任の担当者がお客さまの取材からはじめますので、他社にはない「自社だけの魅力がつまったホームベージ」が制作できます。
料金プランはこちら
2.施工事例がない、または古い
外壁塗装会社にとって施工事例は、ホームページでは必須だと考えましょう。
なぜならユーザーは、どのような仕上がりになるのかわからなければ、判断できません。
たとえばラーメンの写真がないラーメン店のホームページを見ても、「おいしそう」「行きたい」とは思いませんよね。
したがって過去の施工事例を掲載すれば、依頼した際にどのような施工が望めるかを伝えられます。事前に施工のイメージができれば、信頼や安心につながるでしょう。実績は多く、新しいほうが良いので、定期的に更新することをおすすめします。
3.CTAボタンがない
CTAボタンとは、ホームページを訪れたユーザーにアクションをうながすボタンのこと。
「お問い合わせ」や「資料ダウンロード」「詳しくはこちら」などがあてはまります。
もしCTAボタンがなければ、ユーザーが「この外壁塗装会社いいな」と思ったとしても、ホームページから離れればそこまでになってしまいます。そこで何らかのボタンを押してもらうように仕向けることで、見込み顧客を獲得できるでしょう。
外壁塗装業のホームページデザインで気を付けるべきポイント
最後に、ホームページデザインで気をつけるべきポイントを5つご紹介します。
1.塗装会社とわかる画像をトップに
ホームページはアクセスして3秒で閲覧を続けるか、やめるか決まるといわれています。
したがって塗装会社だとわかる画像をトップページに掲載しましょう。さまざまなサイトを閲覧すればわかるとおり、何の情報を伝えるサイトなのかがひと目でわかるサイトの方がユーザーに対して親切です。
たとえば飲食店を探して開いたサイトのトップ画像が、「東京の街並み」の写真だとイメージがわきません。一方で東京で賃貸を探すサイトのトップ画像が、「ラーメンの写真」では「食べたくなる」イメージが伝わりません。
トップ画像はサイトの顔です。ユーザーがすぐに離脱することのないように設定しましょう。
2.自社の魅力が伝わるキャッチコピー
トップに自社の魅力が伝わるキャッチコピーを掲載しましょう。
「完全オーダーメイド」（弥栄塗装）などの自社の強みをあらわすキャッチコピーや、「ベテランの職人が」といった信頼感のある言葉選びは、見る人がお問い合わせなどのアクションを起こす決め手となります。
また、「〇〇万円で施工可能！」「最短〇〇で解決！」といった目を惹くコピー、「低価格」「最新」など直感的にわかりやすい言葉もおすすめです。
設定したコンセプトを、そのままキャッチコピーとして使用すると良いでしょう。
3.スマホ対応をする
多くの人がWebサイト・ホームページを手元にあるスマートフォンで見ています。
従来のようにパソコンだけを想定してサイトを作るのではなく、パソコンとスマホ両方に対応できるレスポンシブなデザインにしましょう。
なぜならパソコン用のサイトをスマホで閲覧すると、文字が小さくて拡大しなければならなかったり、リンクをタップしにくかったり、レイアウトが崩れてしまったりと使いづらいサイトになってしまいます。使い勝手の悪いサイトでは、ユーザーがすぐに離脱してしまいます。
4.SEO対策も取り入れよう
せっかくホームページを整えても、ターゲットに見つけてもらえなければ意味がありません。
そのためにはユーザーがGoogleやYahoo！JAPANなどの検索窓にキーワードを打ち込み、サイトを探す「オーガニック検索」で自社サイトをヒットさせる必要があります。
検索結果の上位に表示されるためには、GoogleのアルゴリズムにもとづいたSEO対策をしましょう。
SEO対策は幅広く、専門知識が必要です。プロに依頼するのが良いでしょう。
自社でできるSEO対策としては、ブログの運用がおすすめ。ユーザーがよく使うキーワードを想定した記事を作成することで、より検索に引っかかりやすいサイト作成を目指すことも効果的です。
集客力があがる塗装業者のホームページ制作を目指すなら、以下の記事もあわせてご覧ください。
まとめ
外壁塗装会社のホームページデザイン9選と問い合わせを増やす3要素について解説してきました。
集客できるホームページ制作のためには、どのような人たちがターゲットになるか、どのようなコンテンツやデザインが必要になるかを考えることが大切です。ホームページデザインは、ユーザーの使い勝手やお問い合わせの獲得に大きく影響します。
TRASPは「塗装業者」をはじめ、建設業界におけるホームページ制作の実績が豊富です。業界のトレンドや顧客のニーズを踏まえて、高い集客力を持つ最適なサイトを制作します！ぜひ一度、お気軽にお問い合わせください。
お問い合わせはこちら
