【失敗しない】士業のホームページ参考デザインを現役デザイナーが総まとめ【2024年3月最新版】

士業のホームページ参考デザインを現役デザイナーが総まとめ

士業事務所の運営には集客が必要です。
しかし士業を専門とする先生の中には、集客を苦手としている方もいるかと思います。

士業の資格をお持ちの先生が多い中で、顧客に選ばれるために利用するのがホームページ。
事務所の特色をわかりやすく伝え、集客の窓口として活用できます。

そんな中、ホームページ制作を担当されたあなたは、こんなお悩みをお持ちではないでしょうか。

  • 「一般の方にもわかりやすく信頼してもらえるサイトが作りたい!」
  • 「ホームページから気軽にお問い合わせいただけるようにしたい!」
  • 「でも、どんな内容・デザインにしたらいいかわからない」

そこで本記事では「士業のホームページを作る際に押さえるべきポイントとコンテンツ」について、Webデザイナーである筆者が自身のホームページ制作経験を踏まえて解説します。

士業のホームページでは信頼感も大事ですが、「安心感」や「馴染みやすさ」とのバランスもうまくとらなければなりません。
「作るなら集客できるホームページにしたい!」という方は、ぜひお読みください。

※士業に強いホームページ制作会社をお探しの方はこちらをご覧ください。

士業に強い優良ホームページ制作会社を見る

ホームページ制作に役立つ記事もご覧ください 士業のHP制作ならこちらもチェック!おすすめの無料ホームページ作成ツール

目次
  1. 1. 士業のホームページデザインで重要なポイント
    1. 1-1. 目的を明確化する
    2. 1-2. デザインで信頼感と安心感を与える
    3. 1-3. 他の事務所との違いを明確に
  2. 2. 参考になる士業のホームページデザイン事例
    1. 2-1. 信頼感のあるホームページデザイン|TAIリーガルハーモニー【司法書士・行政書士】
    2. 2-2. イラストで伝える安心感|城田行政書士事務所【行政書士】
    3. 2-3. 「信じられる口コミ」としてGoogleレビューを利用|アトム法律事務所弁護士法人グループ【弁護士】
    4. 2-4. はじめての方を大切にしたサイト作り|井上法律事務所【弁護士】
    5. 2-5. 専門分野で差別化を図る|砂川研税理士事務所【税理士】
    6. 2-6. 信頼感を高める「成功事例」|ひかり税理士法人【税理士】
    7. 2-7. 「歴史」=「信頼」|輝特許事務所【弁理士】
    8. 2-8. 価値の高い情報発信でブランディング|青山特許事務所【弁理士】
    9. 2-9. 情報発信でターゲットの悩みに答える|社会保険労務士法人 未来経営【社会保険労務士】
    10. 2-10. ユーザーの行動喚起を意識したデザイン|岡内公認会計士・税理士事務所【公認会計士・税理士事務所】
  3. 3. 士業のホームページに載せるべきコンテンツ
    1. 3-1. 料金
    2. 3-2. サービス内容
    3. 3-3. 士業者のプロフィール
  4. 4. 【コラム】格安のテンプレートデザインは要注意?
  5. 5. 士業のホームページデザイン・コンテンツまとめ
    1. 5-1. 士業のホームページ制作をプロに任せたい方へ

士業のホームページデザインで重要なポイント

目的を明確化する

「ホームページを営業戦略上どう使うのか」を明確にしておきます。
ホームページを作る目的は、ユーザーの方々にリアルの場に来ていただくことです。
しかしそこに至るルートはいろいろあります。

  • 電話相談
  • メールでお問い合わせ
  • 直接来所
  • セミナー参加
  • 出張相談サービス

ホームページはあくまで入り口です。
ゴールは「事務所の性格」「ターゲット層」「立地条件」などにより変わってきます。
どこにつなげるのが最適かをよく話し合った上でデザインを検討しましょう。

デザインで信頼感と安心感を与える

士業サイトで大事なのは、何と言っても「信頼感」と「安心感」。
士業事務所を探しているのは、自分では解決できない問題を抱えた人です。
問題解決を安心して任せられる人を求めているので、ホームページにも信頼感と安心感が必要なのです。

信頼感と安心感は「言葉(メッセージ)」「写真」「色」で表現できます。

言葉(メッセージ)

まず言葉。デザインは見た目より言葉が大事です。
どんな人がどんな思いで問題解決にあたってくれるのか。
それはホームページに書かれた言葉(メッセージ)からわかります。
いくら優秀でも人柄が合わない人には頼みにくいですよね。
求められているのは、頼り甲斐があって、話を親身に聞いてくれる人です。
これは言葉を尽くして伝えるしかありません。

写真

事務所に在籍している先生の写真があると安心感につながります。
写真は、笑顔で雰囲気の明るいものを使ってください。
表情の乏しい暗い写真ですと、「怖そう」「話を聞いてくれないかも」など好ましくないイメージを与えてしまいます。
安心感を求めるならば、自前の素材を用意するようにしましょう。プロに依頼すると確実です。

信頼感を与える色といえば「青」です。
実際、士業サイトを見てみると、テーマカラーには青がよく使われています。

だからといって「士業サイト=青」とも言い切れません。
青は信頼感がある反面で、冷たい印象も与えます。
信頼できそうでも近寄りがたければ、声をかける気にはなれませんよね。

「どんなイメージを狙うのか」
これを踏まえてテーマカラーを決めましょう。
安心重視なら「緑」。情熱をアピールするなら「赤」も候補になります。

他の事務所との違いを明確に

他の事務所との違いがはっきり出るのは「得意分野」です。
士業を頼ってくる人は「たった一つの問題」を抱えて、依頼できる事務所を探しています。
「どうせお願いするなら、その道の専門家に」と考えるでしょう。

したがって「どこにも負けません!」「必ず結果を出します!」と言い切れる分野があることは、最大のアピールポイントになるのです。

もちろん「得意分野」が他の事務所と重なる可能性はあります。
しかし、ユーザーは「人柄」「考え方」「サービス内容」も含めて検討するはずです。
すべてがまったく同じになることはありえませんので、気にしなくて大丈夫。
堂々と「得意分野」をアピールしてください。

【無料】士業のホームページについて相談する

参考になる士業のホームページデザイン事例

信頼感のあるホームページデザイン|TAIリーガルハーモニー
【司法書士・行政書士】

TAIリーガルハーモニー【司法書士・行政書士】

出典:TAIリーガルハーモニー

TAIリーガハーモニーは、東京都千代田区にある司法書士・行政書士事務所です。
サイトデザインは「信頼の青」を基調としたカラーリング。
トップページを見るだけで「何ができ」「どんな強みがあって」「どんな人がやっているのか」が、サッとわかります。

事務所の内容を知ってもらうには必要かつ十分な内容です。
淡々としながらも無駄がない構成が信頼感をより高めています。

イラストで伝える安心感|城田行政書士事務所【行政書士】

城田行政書士事務所【行政書士】

出典:城田行政書士事務所

城田行政書士事務所は、長野県上田市にある行政書士事務所です。
ホームページにアクセスすると、まず目に入るのが行政書士さんご本人の似顔絵イラスト。見る人をほっこりさせます。
士業関連の事務所は、普段かかわりがないだけに一般の人には敷居が高いものです。

こちらのサイトデザインでは、そこをイラストでうまく緩和しています。
ユーザーの疑問や悩みをキャラクターに代弁させて、サービスを選びやすくする工夫もユーザーの立場に立ったおもしろいアイデアです。
安心感を与えるサイト作りの参考にどうぞ。

「信じられる口コミ」としてGoogleレビューを利用|アトム法律事務所弁護士法人グループ【弁護士】

アトム法律事務所弁護士法人グループ【弁護士】

出典:アトム法律事務所弁護士法人グループ

アトム法律事務所弁護士法人グループは、東京に本社を置く弁護士法人グループです。
ホームページのテーマカラーは赤。情熱的に仕事に取り組むイメージがわきます。
士業サイトの場合、いかに信頼感を感じてもらうかが課題です。

こちらのホームページでは、GoogleレビューとFacebookレビューを利用して、お客様の声を多数掲載しています。星評価の高さやレビュー件数までわかるので、「信じられる口コミ」として読んでもらえるでしょう。

はじめての方を大切にしたサイト作り|井上法律事務所【弁護士】

「はじめての方」を大切にしたサイト作り|井上法律事務所【弁護士】

出典:井上法律事務所

井上法律事務所は、広島市にある法律事務所です。
このホームページは、はじめての方でも相談がしやすいように配慮してデザインされています。
ファーストビューのメッセージでは「はじめての方の不安に寄り添う姿勢」を明示。
さらに「はじめてなのはあなただけではありませんよ」とサイトの中で何度も伝えています。
無料相談の前に「はじめての」とついているのは、ユーザーに安心してもらうためのさりげない
工夫です。

「相談の流れ」もわかりやすいので、申し込みのハードルはかなり下がります。
テーマカラーはグリーンで「リラックス」「調和」のイメージです。
色の選び方からも、はじめての方への配慮が伺われます。

専門分野で差別化を図る|砂川研税理士事務所【税理士】

専門分野で差別化を図る

出典:砂川研税理士事務所

砂川研税理士事務所は、沖縄県浦添市にある税理士事務所です。
ホームページではまず「飲食店繁盛化サポート」と銘打って、飲食店に強い税理士事務所であることをアピールしています。

飲食店が抱える悩みに対して、事務所としてできることを提案。
ターゲットが明確に絞れているので、掲載情報もシンプルにまとまっています。
専門分野があることで、他事務所との差別化がうまくできているデザインです。

信頼感を高める「成功事例」|ひかり税理士法人【税理士】

信頼感を高める「成功事例」|ひかり税理士法人【税理士】

出典:ひかり税理士法人

ひかり税理士法人は、京都、大阪、福岡など西日本に事務所を構える税理士法人です。
このホームページは、写真とイラストを組み合わせ、シャープさの中にやわらかさも感じられる
デザインになっています。

信頼感を高めるコンテンツとして「成功事例」を紹介。
どの事例にどんなサービスを提供し、どんな成果が得られたのか。
事例ごとに1ページでまとめられています。

「歴史」=「信頼」|輝特許事務所【弁理士】

「歴史」=「信頼」|輝特許事務所【弁理士】

出典:輝特許事務所

輝特許事務所は、東京都千代田区。東京駅から徒歩3分のところにある特許事務所です。
創業が1914年で、100年余りの歴史があります。
ホームページには「経験と実績で国内外から多くの支持を受け100余年」のキャッチコピー。
これだけで信頼性を示すことができます。

見出し部分には、装飾のあるセリフ体や明朝系のフォントが用いられ、ハイクラスなイメージ。
事務所の個性踏まえたデザインになっています。

価値の高い情報発信でブランディング|青山特許事務所【弁理士】

価値の高い情報発信でブランディング|青山特許事務所【弁理士】

出典:青山特許事務所

青山特許事務所は、大阪市北区にある特許事務所です。
こちらのサイトデザインは、「ニュース&トピックス」がメインイメージのすぐ下に来ているのが特徴。記事では、海外の規制や法について解説しています。

ネット上にあまりない情報である上、情報源の信頼性が高いため、ターゲット層にとっては価値の高い発信です。「海外の事例にも強い」イメージを与えるでしょう。
情報発信がブランディングにうまく使われている例です。

情報発信でターゲットの悩みに答える|社会保険労務士法人 未来経営【社会保険労務士】

情報発信でターゲットの悩みに答える|社会保険労務士法人 未来経営【社会保険労務士】

出典:社会保険労務士法人 未来経営
未来経営は、長野県松本市にある社会保険労務士法人です。
「経営者の立場で考える未来志向型の専門家集団」として労務コンサルティングを行っています。

ホームページでは情報発信が「記事」「動画」「セミナー情報」など充実しており、いずれもターゲット層の悩みや疑問に応える内容です。
これをきっかけに「お問い合わせ」をいただけることもあるでしょう。
ホームページで情報発信を活用する際の参考にどうぞ。

ユーザーの行動喚起を意識したデザイン|岡内公認会計士・税理士事務所【公認会計士・税理士事務所】

ユーザーの行動喚起を意識したデザイン|岡内公認会計士・税理士事務所【公認会計士・税理士事務所】

出典:岡内公認会計士・税理士事務所

岡内公認会計士・税理士事務所は兵庫県姫路市にある税理士事務所です。
中小企業の経営相談がおもな業務内容です。
ホームページはCTA(Call to Action)、つまりユーザーの行動喚起を意識して作られています。

どのページを開いても、スクロールする前とスクロールした先に必ず「お問い合わせボタン」があるのです。
それでいてうるさい感じはありません。ユーザーの行動をよく考えた配置です。

【無料】士業のホームページについて相談する

士業のホームページに載せるべきコンテンツ

事務所について
「事務所について」は、事務所に関する情報が簡潔にまとめられているページです。
これがあると「しっかりとした事務所」であることを印象づけられます。
士業ホームページの「顔」ともいうべき部分なので必ず作りましょう。

掲載する内容は以下のとおりです。

  • あいさつ・・・どんな事務所であるかを簡単に紹介します。

  • 事務所概要・・・名称、所在地、創業年、所員数、代表名、営業時間、連絡先、業務内容などを表にして掲載しているところが多いです。

  • 沿革・・・載せていないところもあります。歴史がある事務所は載せておきましょう。

  • アクセス・・・Googleマップを利用して所在地を示すだけでもいいですが、目印や行き方まで書いてあると親切です。

これらを基本として、あなたの事務所にあった項目を選択してください。

料金

料金はデリケートな問題だからか、掲載していないホームページが多いです。
しかしユーザーとしてはどうしても気になります。

「費用が高そうだから」という理由で相談をためらうこともあるでしょう。
ユーザーのことを考えるなら料金はホームページにきちんと提示すべきです。

お手本になるサイトが少ない中で「井上法律事務所」はとてもわかりやすかったので、参考例として紹介します。

井上法律事務所

こちらの料金説明のいいところは以下の3点です。

  • 費用についてはご依頼前に説明することを明言している
  • かかる費用と計算の仕組みがケースごとに提示されている
  • 金額が示せない場合は、何に対して料金が発生するかを伝えている(着手金、報酬金など)

士業の世界になじみのない人でも、かかるであろう費用がイメージできます。
隠されがちな部分をはっきりと示す姿勢からは誠実さも感じられるでしょう。
他の事務所との差別化が図れるポイントにもなりえます。

ユーザーにやさしい料金表示を心がけてみてください。
あなたの事務所にとってもプラスとなるはずです。

サービス内容

ユーザーは自分の悩みを解決してくれるサービスを探してホームページを訪れます。
そんなユーザーにとって「サービス内容」は最重要コンテンツです。
力を入れて作りましょう。

ポイントは以下の3点。

  • 一般の人にもわかりやすく
  • 「なぜ専門家に頼むべきか」理由を示す
  • お問い合わせにつなげる

順番に見ていきましょう。

一般の人にもわかりやすく

わかりやすく説明するのは「自分に合ったサービスを見つけてもらうため」です。
目的のサービスにスムーズにたどり着けるように「ユーザーの悩みを入口にする」という方法があります。

城田行政書士事務所

出典:城田行政書士事務所

ユーザーにとっては、サービスそのものの説明を読むよりこちらのほうが簡単です。
ユーザーを迷わせることなく適切なサービスに導きましょう。

「なぜ専門家に頼むべきか」理由を示す

淡々と業務内容を説明するだけでなく「専門家に依頼するべき理由」も書きましょう。

  • こんなトラブルを回避できる
  • 解決が早い

などの理由が示されていると、「自力で解決はムリそうだな。それなら相談してみようか」とユーザーの行動を後押しします。

お問い合わせにつなげる

サービス内容を説明するページのわかりやすい場所に、「お問い合わせ」ボタンを設置。
どんなにわかりやすくしても、ホームページだけでサービスについて理解していただくことはできません。

むしろ関心をもった人は、次から次へと質問が出てくるはずです。
聞きたいことができたらお気軽にお問い合わせいただけるように、「お問い合わせ」ボタンを用意しておきます。

士業者のプロフィール

事務所に在籍している人のことがわかったほうがユーザーは安心です。
士業者のプロフィールも載せておきましょう。

内容は以下のとおりです。

  • 名前
  • 顔写真
  • 経歴
  • プライベートについて

「プライベートについて」は、好きなスポーツや漫画、口癖などの個人的情報。
一見なくてもよさそうですが、士業者を身近に感じてもらうために必要です。

経歴は信頼を得るのにはいいですが、立派なだけに近寄りがたい印象も与えます。
この弱点を補うのが「プライベートについて」です。

優秀さはもちろん人柄も含めて、ユーザーは希望をかなえてくれそうな人を探しています。
プライベートに関する情報も重要な判断材料になるのです。
あなたの事務所の性格を考慮して、載せるかどうか検討してください。

【無料】士業のホームページについて相談する

【コラム】格安のテンプレートデザインは要注意?

ホームページはテンプレートを使って作ることもできます。
テンプレートは決まったデザインに画像やテキストをはめ込むだけなので、手軽に低価格でホームページ制作が可能です。

しかし手軽さや費用面だけを考えてテンプレートを選ぶのは考えもの。
たしかにテンプレートは手軽ですが、その反面カスタマイズの自由度に限りがあります。

ここで思い出していただきたいのは「ホームページを作る目的」です。
テンプレートでホームページを作った場合、あなたの希望を叶えるものができるでしょうか。

士業サイトは「信頼」と「安心」がとても大切です。
ホームページがきちんと作られていることも信頼や安心につながります。

テンプレートを使うのは悪くありません。
ただし「目的が達成できるかどうか」をベースに検討することをおすすめします。
「費用最優先」で判断するのは本末転倒です。

【無料】士業のホームページについて相談する

士業のホームページデザイン・コンテンツまとめ

本記事では「士業のホームページを作る際に押さえるべきポイントとコンテンツ」について解説しました。

士業サイトのポイントである「信頼感」と「安心感」
どちらもデザインとコンテンツで伝えることが可能です。

「頼りたいけれど、気軽には頼めない」
一般の人にとって士業の世界は、やはり近寄りがたいです。
そんな世界を気軽にのぞくことができるのがホームページのいいところなので、士業に携わる人にとってメリットが大きいツールといえます。

ホームページをあなたの事務所の運営におおいに利用してください。
本記事でご紹介したノウハウが参考になれば幸いです。

士業のホームページ制作をプロに任せたい方へ

士業のホームページを制作をプロの制作会社に任せたいが、なかなか探す時間がない・制作会社の違いが分からないという方は、ぜひWeb幹事にご相談ください。

Web幹事は、あなたに最適な会社を「人力で」マッチングするサービス。
実際にホームページ制作を経験したプロのコンサルタントが対応するため、業者選びの手間なく、質の高いマッチングを受けることが可能です!

コンサルタントのご紹介 Web幹事 コンサルタント 岩田真 岩田 Web制作会社を設立し、
3年間で上場企業を含む50社以上制作に携わらせていただきました。

様々なお客様のWeb制作を実際に行ってきましたので、
初心者の方でも安心してご相談ください!

あなたの目的や予算に合わせて最適な会社をご紹介させていただきます。
ご相談はもちろん無料。また紹介された会社に必ず発注する必要はありません。

【無料】士業に強いホームページ制作会社をプロに選んでもらう


Q. 士業のホームページ制作で参考になるデザインにはどのようなものがある?

参考になるデザインとして「信頼感のあるホームページデザイン|TAIリーガルハーモニー【司法書士・行政書士】」「イラストで伝える安心感|城田行政書士事務所【行政書士】」等のホームページが挙げられます。その他参考になる事例は記事をご参照ください。

Q. 士業のホームページ制作を成功させるコツは?

士業のホームページ制作の成功ポイントとして「目的を明確化する」「デザインで信頼感と安心感を与える」等が挙げられます。詳しくは記事をご覧ください。

Q. ホームページ制作会社を選ぶ際に注意すべきポイントはありますか?

ホームページ制作会社を選ぶ際は、過去の実績や評判、価格、提供されるサービスの内容などを必ず確認しましょう。また、各業界に特化した制作会社を選ぶことも重要です。