士業ホームページのデザインの基本8つ

ホームページは、「かっこよく作ればいい」「綺麗にすればいい」というものではありません。

「デザインがかっこいい（綺麗）」ということと、「集客できる（問合せが多い）」ことは、話が別なのです。

今日は、ホームページの集客力を高めるためのデザインのポイントを解説します。

「ホームページで集客できない…」とお悩みの士業様へ

ホームページ集客を始めてみたものの、以下のようなことでお悩みではありませんか？

「綺麗なホームページを作ってもらったのに、問合せが増えない…」
「ブログを更新してるけど、上位表示されない…」
「後発の他事務所が、なぜ自分より伸びているのか…」

今の時代、ホームページは自作でも簡単に作れるようになったものの、「士業のホームページ集客」のノウハウを知らないがために、多くの方が伸び悩み、挫折してしまいます。

しかし、その一方で、士業のホームページ集客の勝ちパターンを知り、正しく実践すれば、誰でも集客・売上アップできる、こともまた事実なのです。

実際、私たちミリオンバリューは、士業のホームページ集客のプロ集団として、これまで累計500以上の士業事務所をサポートし、成功に導いてきました。

もし今、伸び悩みを感じているのであれば…。

まずは、以下より当社が15年以上の経験と実績をもとに確立した、「士業専門：３ステップ集客ノウハウ」をご覧ください。

【簡単入力10秒】今すぐ集客ノウハウを手に入れる

そもそも「デザインの役割」とは？

よく、「ホームページをリニューアルして、デザインが綺麗になれば、問合せが増えるかも！」と期待して、安易にリニューアルしてしまう人をお見かけします。

確かに、素人っぽいデザインを綺麗にすることで、反応が上がるケースもあります。

しかし、極論を言ってしまうと、デザインの良し悪しというのは、「自己満足」に過ぎません。

かっこいいか？
オシャレか？
今どき風か？（フラットデザインなど）
シンプルか？

こういった基準でデザインを考えて、サイト制作しても、それは集客には直結しません。

余談：オリジナルデザインのホームページは、集客力が高いのか？

オリジナルデザインで作ったホームページと、テンプレートで作ったホームページ。
どちらが集客力が高いと思いますか？

結論から申し上げますと、「デザインの部分だけでは判断できない」のです。

「オリジナルデザインだから集客できる」わけではないのです。、
この後お伝えするポイントが押さえられていないと、いくらオリジナルデザインでも、ホームページから問合せは増えません。

一方、「テンプレートで作ったホームページだから、オリジナルデザインより集客力が劣る」というものでもありません。
テンプレートでも、集客のポイントをしっかり押さえていれば、集客できるようになります。

（あえて言うなら、お客様は、「あ、このホームページはテンプレートで作ってるな」なんていうことは気にもいません。
と言うか、テンプレートだと気付いてすらいないことがほとんどです。
オリジナルデザインか？テンプレートか？を気にしているのは、つまるところ、制作している側だけです）

では、集客できるようにするためには、どんなデザインにすべきなのか？

まずおさえてほしい、２つのポイントをお伝えします。

（１）文章を引き立たせること

お客様は、ホームページのデザインを見て、ライバルとあなたを比較しているのではありません。

お客様は、ホームページに書かれている「文章」を読んで、複数の事務所を比較しているのです。

あなたが、他の事務所とどう違うのか？
ライバルと比べて、あなたにはどんな強み・特徴があるのか？

こういったものを伝える必要があるのです。

これらの要素（文章）を引き立たせ、あなたの価値をしっかり伝えるのが、ホームページデザインの役割です。

（２）分かりやすくする（見やすくする、使いやすくする）こと

スマートフォンでも見やすいか？
お客様が読みたい情報（ページ）に、すぐアクセスできるか？
問合せしたい！と思ったら、すぐに問合せできるようになっているか？

こういった、「分かりやすさ・見やすさ・使いやすさ」を高めるのも、デザインの役割です。

例えば、以下のようなデザインは、本末転倒です。

かっこよさを優先して、メニューが見づらいところにある
見た目の綺麗さを優先して、ボタンが小さく見づらい（クリックしづらい）
背景画像のほうが目立ってしまい、キャッチコピーが読みづらい

使いづらいホームページを根気強く見てくれるほど、お客様は暇ではないのです。

集客力を高める！士業ホームページのデザイン：８つの基本

（１）キャッチコピーを目立たせる

キャッチコピーは、ホームページの反応を大きく左右します。

キャッチコピーで惹きつけられないと、いくら本文でいいことを書いていても、読んですらもらえないのです。

キャッチコピーで惹きつけ、お客様に「ここなら、私の悩みが解決できるかもしれない！」という期待感を持ってもらうことが大事なのです。

お客様が知りたいのは、「自分の悩みが解決できるか？」

お客様が知りたいのは、あなたの「サービス内容」ではありません。
お客様が知りたいのは、あなたの「理念」でもありません。

お客様が知りたいのは、「自分の悩みが解決できるか？」です。

士業のホームページを見に来る人というのは、何かしらの悩み（課題）を抱えています。

その悩みを解決するために、あなたのホームページを見に来るのです。

つまり、キャッチコピーのデザインのポイントは、「あなたの悩みを解決できますよ！」ということをストレートに伝えること、とも言えますね。

（２）知りたい情報に、すばやくたどり着ける

例えば、あなたが「初めてエステに行く」ことを想像してみてください。

きっと、検索して、いろいろなエステを比較しますよね。

その時あなたは、どんな情報が載っていたら嬉しいでしょうか？

例えば、以下のようなものが載っていたら、嬉しいですよね。

サービス内容（どんな施術をしてくれるのか？）
料金（いくら？追加費用はない？）
アクセス（駅から近い？迷わない？）
写真（どんな人が施術してくれる？エステの中の雰囲気は？）

逆に、もしこれらの情報が載っていなかったり、探してもなかなか見つからなかったら、どうでしょうか？

おそらくあなたは、そのエステではなく、他のエステに行きたいと思いますよね。

そして、これは、士業を探している人も同じなのです。

士業を探している人も、先ほど挙げたような情報が、すごく気になるのです。

サービス内容（どんなサービス内容？私は何をする必要があるの？）
料金（いくら？追加費用はない？）
アクセス（駅から近い？迷わない？）
写真（どんな先生が担当してくれる？事務所の中の雰囲気は？）

あなたのホームページは、こういった情報がちゃんと載っていますか？
見やすくなっていますか？
すぐにそのページにたどり着けますか？

ぜひチェックしてみてください。

（３）「長い文章は読まれない」は嘘

まれに、「長い文章は読まれないので、デザインに合わせて、文章を短くしましょう」と言うウェブデザイナーさんがいたりします。

しかし、これは間違いです。

（もちろん、ウェブデザイナーさんも、「綺麗なホームページにしよう！」などの目的を持って提案してくれるのですが、「綺麗」と「集客」は別物です）

長い文章でも、ちゃんと読んでもらえます。

デザインを優先して、文章を削ってしまうと、伝えるべきことが伝わらなくなってしまいます。

前述の通り、お客様は「文章を読んで、ライバルとあなたを比較している」のです。

脇役のデザインを優先して、主役の文章を削ってしまうのは、本末転倒です。

（４）スマートフォンに最適化する（見やすくする）

今の時代、「ホームページへのアクセスの７割以上がスマホ経由」ということも珍しくありません。

つまり、スマートフォンでの見やすさ（使いやすさ）が、今まで以上に重要なのです。

例えば、先ほど解説したキャッチコピー（ヘッダー画像）も、パソコン表示とスマホ表示で、別々の画像を用意すべきです。

こうすることで、スマホで見ても、キャッチコピーがパッと目に飛び込んできて、お客様を惹きつけます。

（５）本物の写真を使う

画像集の写真は、ホームページのデザインを綺麗にするのに役立ちます。

しかし、「画像集の写真ばかり」というのは、あまり良くありません。

画像集の写真ばかりだと、人気（ひとけ）が感じられなくなってしまうからです。

ホームページには、「本物の写真（あなたや、あなたの事務所を撮影した写真）」を載せることを、強くお勧めします。

士業やコンサルタントは、言わば「人（あなた自身）が商品」です。

あなたや事務所の写真がないというのは、つまり「商品写真がない」のと同じです。

（６）レスポンスデバイスは、大きく載せる（電話番号など）

レスポンスデバイスとは、「電話番号」「メール問合せはこちら、のボタン」のことです。

デザインを優先すると、どうしても

電話番号
メール問合せはこちら、のボタン

が小さくなりがちです。

（ひどいと、事務所概要のページの中にだけ、すごく小さく電話番号が書いてあったりします）

しかし、お客様は、「問合せしたい！と思った時に、すぐ問合せしたい」のです。

ホームページを隅から隅まで見て、レスポンスデバイスを探そうとしてくれる人は、ほぼいません。

レスポンスデバイスは、「こちらから見せてあげる」くらいの気持ちで、大きく目立たせることをお勧めします。

（７）使いやすいメニュー構成

人間には、ホームページを見る時に、特有の目線の動きがあります。

この目線の動きにそってメニューを配置してあげると、見やすいホームページになります。

詳細は、以下のページでも解説していますので、ご参照ください。

＞＞ホームページの目的に合わせた、最適なサイドメニュー位置とは？

（８）ホームページの色は、顧客に合わせる

色には、いろいろな心理効果があります。

例えば、以下のような感じですね。

赤	緊急、格安、行動力
ピンク	女性的、柔らかい、幸福
オレンジ	活動力、親しみやすい
黄色	希望、楽しい、活発
緑	安心安全、平和、落ち着く
3行目タイトル	3-2番目のセル
青、紺	知性、信頼感、冷静
紫	高級、上品、ハイセンスな美
白	清潔、純粋、軽い
黒	高級、重厚、スタイリッシュ
灰色（グレー）	信頼感、安定、穏やか