あらためて、士業にとってホームページがどんな役割を担っているのかを詳しく説明します。その重要性を理解した上で、目的を叶えられるホームページを制作しましょう。

理由1：ターゲットとの接点創出につながるから

冒頭でもお伝えした通り、インターネットが普及した今では、Webサイトの閲覧がターゲットとの最初の接点になっている場合がほとんどです。なかには、知り合いなどのつながりで事務所を知る人もいますが、その場合も事務所名や個人名で検索をして、最低限の情報収集を行うでしょう。
いずれの場合も、検索した時に情報が出てこなかったり、次のステップに進むための十分な情報が得られない場合、ターゲットは引き返してしまう可能性があります。
Webサイトからお問い合わせや資料請求をすることができれば、ターゲットは決断した時に行動に移すことができるので、ターゲットの目的に沿ったホームページを作ることが重要です。

理由2：ユーザーに信頼感を与えるため

お金や法律を扱う士業にとって、最も重視されるのが信頼感であることは言うまでもないでしょう。ターゲットは事務所の比較を行う中で「本当に会社の経営を任せても大丈夫なのか？」「大切な相続について、親身になって相談に乗ってくれるか？」とさまざまな不安や疑問を巡らせます。その不安や疑問をホームページの中で解消することができれば、コンバージョン獲得に向けて、大きな一歩を踏み出すことができます。デザイン・コンテンツ共にターゲットの思いに応える表現を練り上げ「ここなら信頼して、お願いできそう！」と思わせるホームページを作りましょう。

理由3：他の事務所との差別化に役立つから

経営者などでない限り、士業について熟知している人はそう多くないでしょう。そのため、ホームページの中では事務所ならではの強みをわかりやすく表現する必要があります。加えて、専門性の高い知識や業務範囲を噛み砕いて説明することができれば、「ここなら丁寧に対応してくれそう」という好印象を与えることができます。

はじめに紹介するのは、「信頼感」に軸を置いた士業のホームページです。問い合わせや契約に繋げるためには、ターゲットに信頼されなければなりません。そのため、コンテンツやデザインから安心感を感じられるホームページを作ることが重要です。

参考にしたいホームページは、下記9社です。

• 弁護士法人 千代田中央法律事務所
• 司法書士・行政書士事務所 TAI リーガルハーモニー
• 弁護士法人 伏見総合法律事務所
• アトム法律事務所弁護士法人グループ
• 社会保険労務士法人Q-all
• Atrreコンサルティング株式会社
• 土屋総合法律事務所
• 税理士法人 創経
• 国本司法書士事務所

弁護士法人 千代田中央法律事務所-M&Aアドバイザリー

引用元：弁護士法人 千代田中央法律事務所

「M&Aアドバイザリー」は弁護士法人 千代田中央法律事務所様が運営する、中小企業・ベンチャー企業向けM&Aファイナンシャルアドバイザリーサービスのサービスサイトです。「信頼感」「納得感」をエンドユーザーに感じてもらえるようにコンテンツ・デザインを構成しています。

事務所ならではの強みをまとめた「選ばれる理由」をはじめ、成約までの流れや費用など、ターゲットが気になる情報を詳しく掲載。内容には専門性がありますが、M&Aに詳しくない人でも理解できる表現になっています。
読み進めるごとに「ここなら任せられる」という期待感が確信に変わり、問い合わせへと繋げられる構成です。

司法書士・行政書士事務所 TAI リーガルハーモニー

引用元：司法書士・行政書士事務所 TAI リーガルハーモニー

司法書士・行政書士事務所 TAI リーガルハーモニーは、東京都千代田区にある司法書士・行政書士事務所。東京の街並みを背景にしたメインビジュアルは、「企業法務・登記実務のベストパートナー」というキャッチコピーがよく映えています。水色×白の爽やかな色味と細めの明朝体のチョイスもよくマッチしています。

業務内容は「企業法務」「相続手続」「不動産登記」の3ジャンルに分かれているので、ターゲットは見たい情報をすぐに探すことができます。各詳細ページを見ると、対応できる業務がわかりやすく整理されていて、複雑な流れをイメージできる構成です。
信頼感を表現するネイビーをアクセントに、グレーや白でまとめたスタンダードな色使いも誠実な印象を際立たせています。

弁護士法人 伏見総合法律事務所

引用元：弁護士法人 伏見総合法律事務所

弁護士法人 伏見総合法律事務所は、東京都と京都府に拠点を構える法律事務所です。やはりこちらのホームページもキーカラーは深いネイビー（ブルーグレー）と白。信頼感や安心感を与える色の特性を活用しています。

ホームページの要所では、実際に依頼を受ける弁護士の写真が登場。みなさん良い意味でリラックスした自然な表情で、顔が見える安心感を感じますよね。「不安や疑問を解消してくれるのではないか」という期待感が高まる効果的な演出です。

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

引用元：アトム法律事務所弁護士法人グループ

「アトム法律事務所弁護士法人グループ」は、交通事故・刑事事件・倒産事件といった都市型トラブルの解決に取り組んでいる弁護士法人です。突然発生する事件・事故に対応するため、年中無休24時間体制でサービスを提供しています。

ホームページのキーカラーは、そんなサービスの力強さや安心感を表す赤を採用。全体的に太めのフォントと角のあるあしらいで統一されていて、誠実さ・確実性を表現しています。

こちらのサイトで特徴的なのはトップページにGoogleやFacebookのレビューを掲載している点です。個人のお客様を対象にしているからこそ、こうしたリアルな声は訴求力があります。

社会保険労務士法人Q-all

引用元：社会保険労務士法人Q-all

「社会保険労務士法人Q-all」は、税理士事務所・行政書士事務所を併設し、会社経営にまつわる事柄をワンストップでサポートしている法人です。温かい光が差し込んでいるようなメインビジュアルは、サービス導入によって事業が好転することを想起させるポジティブな印象。デザインを損なわない程よい加工によって文字の視認性も確保されています。

事務所の強みを紹介しているセクションでは、過去の実績を際立たせることで説得力をアップ。実際はテキストの内容をピックアップして紹介しているだけですが、こうしたデザインが施されていることで、文字を読み込まない人にもひと目で実績が伝わります。

Atrreコンサルティング株式会社

引用元：Atrreコンサルティング株式会社

「Atrreコンサルティング株式会社」は、公認会計士・税理士の上原氏が代表を務めるコンサルティング会社です。主に中小企業を対象に、財務・資金管理のアドバイスやITツールの導入支援など幅広いサービスを提供しています。

白×黒の配色で清潔感あふれるホームページは、余白を生かしたトレンド感のあるデザイン。全体的に視認性が高く、すっきりとした印象です。

トップページはイラストやアイコンを中心としたスタイリッシュな作りですが、随所にアニメーションが施されていたり、挨拶ページで代表の写真が使われていることで、信頼感・親しみやすさも感じることができます。

土屋総合法律事務所

引用元：土屋総合法律事務所

土屋総合法律事務所は民事事件や企業法務などを中心に弁護を行う事務所です。東京に拠点を構え、中堅、ベテランの弁護士を多く擁する点が強みです。

他の事務所に多い青色を基調としたホームページではなく、落ち着きを感じる茶色をメインカラーに選定。他のホームページと色使いの点から差別化できています。

取扱い業務についてのページリンクは、文字だけでなく、アイコンと共に掲載しています。これにより直感的に業務内容を掴むことができ、閲覧者にわかりやすい構成といえます。

税理士法人 創経

引用元：税理士法人 創経

税理士法人創経は名古屋に本社を構え税務、会計コンサルティング業務を主な事業としています。

メインビジュアルには所属税理士の集合写真を採用。手厚いサポートを行う同法人に対する信頼感が感じられます。

ホームページ内の税理士紹介のコンテンツが特に充実しています。税理士の方について知ることができ、こちらも信頼感につながる要素です。

国本司法書士事務所

引用元：国本司法書士事務所

国本司法書士事務所は兵庫県に事務所を構え、不動産登記や家族信託などのサポートを行っています。

ページ遷移時には鍵を形どった同事務所のマークが表示され、各ページのヘッダー部分には写真を採用しています。他のホームページではあまりみられないおしゃれな雰囲気ある構成です。

雰囲気あるホームページでありながらも清潔感ある白色を基調としている点や、解決事例のコンテンツが充実している点によって、同事務所に対する信頼感を高めることにも成功しています。

次に紹介するのは、「課題解決力」を打ち出した士業のホームページです。士業のホームページを閲覧している人は、今抱えている課題を解決してくれるパートナーを探しています。具体的な強みを伝えることで、ターゲットの心を打つことができるでしょう。

参考にしたいホームページは、下記8社です。

• 株式会社 Minconパートナーズ
• 税理士法人アクシス
• 本郷メディカルソリューションズ株式会社
• 杉田昌平 事務所
• あおば会計事務所
• 一般社団法人クオリティ・ワン
• あがたグローバル経営グループ
• 上田・小川法律事務所

株式会社 Minconパートナーズ

引用元：株式会社 Minconパートナーズ

株式会社 Minconパートナーズ様は、経験豊富な公認会計士や経理経験者による経理DX支援を行なっている企業です。ページを開いてすぐに表示されるファーストビューの中で、サービスの内容や解決策、強みを訴求。パッと見ただけで、概要が伝わるメインビジュアルになっています。

メインビジュアルの下には、お悩み例とその解決策を提示。ページを訪れたターゲットに寄り添いつつ、解決策を提案することで、課題解決力の高さをアピールしています。ネイビーと白を中心に、黄色をアクセントカラーとして使うことで、アピールポイントを強調。1ページにまとめられたコンテンツを下にスクロールすることで、サービスの理解を深められる構成になっています。

本郷メディカルソリューションズ株式会社

引用元：本郷メディカルソリューションズ株式会社

こちらは、顧問先数15,000社以上を誇る辻󠄀・本郷グループの一つ「本郷メディカルソリューションズ株式会社」が手がけるクリニック・医院の譲渡サービスに関するランディングページです。ユーザー心理に基づいた構成により、読み進めることでサービスの理解を深められるページになっています。

「M&Aで辻・本郷グループが選ばれる理由」は、数値データに基づいたグループの強みを伝えているセクションです。特に強調したい部分はフォントが変わっていて、圧倒的な実績が強調されています。

全体の構成はもちろん、配色やレイアウトでメリハリをつけた読み応えのあるランディングページです。

税理士法人アクシス

引用元： 税理士法人アクシス

税理士法人アクシスは、組織力と総合力を生かした経営サポートを手掛けている事務所です。サイトのトップを飾るメインビジュアルはさまざまな課題を解決している様子をイラストで表現。白を多く使ったトレンド感のあるデザインで、スマートさを感じるとともに、サイト全体の統一感も抜群です。

こちらは吹き出し内の要望に合わせて、提案されるサービスが変わるデザイン。対応範囲の一覧性を確保しつつ、ターゲット視点で情報を探せるアイデアが光っています。

杉田昌平 事務所

引用元：杉田昌平 事務所

杉田昌平氏は、外国人財雇用支援を専門的に行なっている弁護士です。専門分野がファーストビューで簡潔に表現されています。こちらもキーカラーはブルー系。余白や改行が適切で、読みやすさへの配慮も感じられます。

事務所の紹介ページでは、専門的に外国人財雇用を支援している理由や理念が詳しく記載されています。ほか、「選ばれる理由」や「取り扱い業務」といったコンテンツも充実しているので、ユーザーは納得して依頼に進めるのではないでしょうか。

あおば会計事務所

引用元：あおば会計事務所

あおば会計事務所様は、広島市を中心に小規模事業者様向けの会計顧問業務を展開する税理士事務所です。同業他社のキーカラーにブルーが目立つ中、あおば会計事務所様では名前にちなんで鮮やかなグリーンを採用。親しみやすいタッチのイラストとキャッチコピーで、依頼後に事業が成長している様子をイメージできるメインビジュアルです。

一方で下層ページは可読性を重視し、グレーを基調とした配色やすっきりとしたレイアウトに。視点の集まる左側にメニューを配置することで、サイト内の回遊率を上げる効果を期待できます。全体的に温かみのあるデザインで、ターゲットである小規模事業者が気軽に相談・お問い合わせができる印象に仕上がっています。

一般社団法人クオリティ・ワン

引用元：一般社団法人クオリティ・ワン

「一般社団法人クオリティ・ワン」は、税理士・社会保険労務士・司法書士等の専門職が集まり、企業・組織・個人の問題をサポートしているチームです。

先に紹介した「あおば会計事務所」と同様にイラストを使用したホームページですが、こちらはヒーローを想起させるような力強さが特徴です。イラストを取り入れる際は、タッチによってユーザーの印象が変わるので「どんなイメージを持ってほしいか」を明確にした上で進めていきましょう。

あがたグローバル経営グループ

引用元：あがたグローバル経営グループ

あがたグローバル経営グループは長野県を中心に、会計、社会保険労務、税理業務などに対応しています。

メインビジュアルにはグループ所属の有資格者の画像とともにキャッチコピーを掲載し、高い解決力を訴求した作りになっています。

お客様の声のコンテンツでは、実際の事例を掲載しており、解決事例を見ることができます。クライアントからのコメントも掲載し、課題解決から生じるイメージを掴むことが可能です。

上田・小川法律事務所

引用元：上田・小川法律事務所

上田・小川法律事務所は京都府に事務所を構え、個人から企業まで幅広いクライアントの依頼に対応しています。

メインビジュアルやホームページの配色には茶色を使用し、落ち着いた印象を与えています。閲覧者に身構えさせることなく、リラックスしてホームページを見ることができそうです。

取扱い業務のページからはこれまでに解決した事例を紹介し、概要を知ることができます。同事務所に依頼することのメリットも掲載されており、課題解決力を感じさせる構成になっています。

最後に紹介するのは、「寄り添う姿勢」を打ち出した士業のホームページです。士業は全般的に専門性の高い分野なので、依頼主は不安や疑問を抱えているケースがほとんどです。そんな思いに寄り添い、一緒に取り組んでいく姿勢を表現しているホームページを紹介します。

参考にしたいホームページは、下記8社です。

• 荻野鷹也税理士事務所
• アライツ社労士事務所
• 下平会計事務所
• さくら会計事務所
• SEVEN RICH Accounting
• STORIA法律事務所
• 竹下博貴税理士事務所
• 橋爪・藤田法律事務所

荻野鷹也税理士事務所

引用元：荻野鷹也税理士事務所

荻野鷹也税理士事務所は、中小企業や個人事業主に税務サービスを提供している事務所です。依頼主との距離の近さや手厚いサポートが自慢で、事業に集中できる環境づくりを行なっています。4つの画像が入れ替わるメインビジュアルは、依頼主と代表である荻野鷹也氏の関係性を表した2ショット写真。自然な表情と距離感から、厚く信頼されていることが伝わってきます。

代表のあいさつでは、税理士を志した背景や依頼主への思いがつづられていて、誠実な人柄を感じることができます。難しい専門用語は使わず、誰にでもわかる言葉だけで書かれているのも好感が持てます。また、情報量が多いセクションでは、縦に情報を並べるのではなく、横にスライドできるカルーセル表示にすることで、すっきり見やすくまとめているのもポイント。コンセプトのもとで、コンテンツとデザインがしっかりと調和したホームページです。

アライツ社労士事務所

引用元：アライツ社労士事務所

アライツ社労士事務所のメインビジュアルも依頼主との2ショット写真。当事務所が掲げる「現場第一主義」というモットーを表した素敵な一枚です。

こちらは、代表のあいさつや事務所の理念、事務所概要が掲載されたページ。代表あいさつは、笑顔の写真と文章がぴったりとマッチしていて安心感を得られます。事務所のブランドイメージをうまく訴求しているホームページの成功事例といえるでしょう。

下平会計事務所

引用元：下平会計事務所

「下平会計事務所」は、「笑顔のために、私たちがいる。」を理念に掲げる税理士法人です。イラストをメインに使ったホームページは、親しみやすい印象を受けます。

「私たちの想い」というページでは、理念と合わせてロゴやキーカラーに込められている思いを紹介。明るい緑色は、優しい印象や安心感を表現しているそうです。こちらは事務所のインテリアカラーにも取り入れていて、ブランディングにもつなげています。

「6つの強み」というページでも「お客様の笑顔」という事務所の理念を軸に、わかりやすい言葉でお客様への想いを表現しています。実績や強みはもちろんですが、何よりもお客様との関係性を大切にしていることがひしひしと伝わってきます。

さくら会計事務所

引用元：さくら会計事務所

最後に紹介するのは、東京都立川市にあるさくら会計事務所のホームページです。全体的に和の趣を感じるデザインに仕上げられていて、これまでに紹介してきたどの事例とも違う柔らかな雰囲気が魅力的です。丸みのあるフォントやブラウン×ピンクを基調とした配色が、親しみやすさを演出しています。

また、税務顧問料の目安や具体的なサポートメニューを事細かに掲載することでユーザーの不安感を解消している点にも配慮を感じます。説明の中には、さくら会計事務所ならではの特長や強みもしっかりと落とし込まれていて、「ここなら親身になって相談にのってくれそう」という印象を受けました。

SEVEN RICH Accounting

引用元：SEVEN RICH Accounting

SEVEN RICH Accountingはスタートアップ企業に強みをもつ会計事務所です。

トップページはコーポレートカラーである赤と黒を基調とし、程よい余白感も持たせることで、洗練された、フレッシュな印象を受けます。

トップページに同事務所の強みや提供サービスをまとめて掲載することで、閲覧者に負担なく、事務所全体を把握することができ、閲覧者に寄り添う姿勢が感じられます。

STORIA法律事務所

引用元：STORIA法律事務所

STORIA法律事務所はAI分野やIT分野などデジタル社会で生じる問題に強みを持つ法律事務所です。

暖色であるオレンジを随所にアクセントとして採用することで、読みやすさを損なわず、暖かさも感じる配色となっています。

サービス内容について、提供しているサービスの情報だけでなく、周辺情報まで詳しく解説することで閲覧者に詳しい理解を促すコンテンツになっています。このような丁寧さからは問題に悩まされている相談者に寄り添う姿勢を感じることができます。

竹下博貴税理士事務所

引用元：竹下博貴税理士事務所

竹下博貴税理士事務所は熊本県を中心に、税務、会計をサポートし続けてきた事務所です。

街中で相談する様子をメインビジュアルとして採用しており、インパクト抜群で閲覧者の目を引きます。しかし、地元に寄り添う姿勢を表すためにはピッタリのメインビジュアルとなっています。

インパクトを与えつつ、事務所イメージとズレのない見事なメインビジュアルです。

橋爪・藤田法律事務所

引用元：橋爪・藤田法律事務所

橋爪・藤田法律事務所は愛媛県を中心に、基本業務のほかにホームロイヤーという少し珍しいサービスを提供している法律事務所です。

キャッチコピーからも伝わるように「安心感」をアピールし、敷居が高く感じられる法律に対してその心理的負担を減らすことを大切にしています。

ホームページ全体がイラストを用いて構成されているほか、柔らかい印象を与えるフォントを使用し、与えたい印象、アピールしたいポイントに合致するホームページに仕上がっています。

ここまで、打ち出したいイメージ別に士業のホームページを紹介してきました。特にサイトのトップに登場するMV（メインビジュアル）には、各事務所の個性や強みが表れていて参考になりますね。

ホームページを通してターゲットの心を動かし、問い合わせ・契約につなげるためには押さえておきたい3つのポイントがあります。

• ターゲット設定・分析をしっかり行う
• ユーザーに伝わるコンテンツを作る
• 問い合わせしやすい導線を作る

ターゲット設定・分析をしっかり行う

訴えかけたい対象を定めないままサイトを制作してしまうと、誰の目にも止まらない目的が曖昧なサイトが完成します。写真やテキスト、デザインといったそれぞれのパーツがどんなに優れたものでも、コンセプトに一貫性がなければユーザーは不信感を抱いてしまうでしょう。そのため、まずはターゲットを明確に定めましょう。ターゲットが明確になれば、コンテンツやデザインの方向性も必然的にまとまってきます。

自社の強み・他社との違いを深く理解するとともに、「ホームページで誰に何を伝えたいか」をきちんと決めて、どのようにアプローチをしたらターゲットに響くのかを考えながら制作を進めましょう。

ユーザーに伝わるコンテンツを作る

いくら外見が優れていても、ターゲットのニーズを受け止めるコンテンツがなければ、いいホームページとはいえません。一般の人の多くは、士業に馴染みの薄い人ばかりです。そのため実際の業務範囲や価格の目安、依頼の流れなど、事務所の強みをアピールしつつ、ユーザーの理解を深められる適切なコンテンツを用意しましょう。

また、実際に業務にあたるスタッフのプロフィールや、業務の質の高さをクライアント視点で紹介できる口コミも効果的。安心感・信頼感を与えるコンテンツ構成で、ユーザーの不安をできるだけ取り除くことが大切です。

コンバージョンまでの導線を作る

ユーザーが「相談してみよう」と考えた時に、連絡先がわからなければ、新規ユーザー獲得の機会を逃してしまうことになります。そのため、ユーザーの理解を深める流れを作るとともに、最終的な着地点となる問い合わせフォームや電話番号も用意しておきましょう。また、ユーザーごとに納得するタイミングは異なります。「ホームページ内のどこかに連絡先が書いてあればいいだろう」ではなく、ユーザーが思い立った時にすぐ連絡できるように、問い合わせボタンをわかりやすく配置し、固定表示するなど工夫をするといいでしょう。

新規顧客獲得の起点として、大きな役割を担っている士業のホームページ。ターゲットの心を動かすサイトを作るためには、ターゲットへの理解と適切なパートナー選びが重要です。

また、ホームページは公開してからがスタート。ターゲットのニーズや傾向に合わせて運用していくことで、より良いサイトに改善していくことが欠かせません。そのため、ホームページ制作だけでなく、Webマーケティングにも精通している会社をパートナーに選ぶのがおすすめです。

弊社・ドコドアは会社設立以来、1,600社以上のホームページを制作してきました。その経験から得たWebマーケティングの知識やSEO対策のノウハウを活用して、貴社のWeb運用をトータルサポートいたします。

見た目が美しいのはもちろん、閲覧者が正しく情報を受け取れるデザイン・導線をご提案。貴社の伝えたい情報が伝わる、効果的なホームページを制作します。せっかく作ったのに「ターゲットに響かないサイト」にしないためにも、ぜひ一度ドコドアにご相談ください。

◎お問い合わせ・ご相談はこちらから