士業事務所のホームページデザイン事例|用途別の選び方と制作のポイント

士業事務所のウェブサイトデザイン事例のアイキャッチ画像

士業事務所のホームページデザイン事例を紹介します。6件の画像と制作情報を掲載し、代表3例には自社に取り入れる際の条件を加えました。

法律事務所、税理士事務所、司法書士・行政書士事務所の6サイトを紹介します。取扱分野、担当者、料金の条件、相談方法をどのように案内しているかを比較します。

この記事の確認範囲

過去の編集調査で収集した6サイトを取り上げ、公式案内から相談分野と比較点を整理しています。士業全体の代表標本ではなく、掲載数から業界の制作傾向や競争の難易度を判断していません。掲載料は受け付けていません。

画像・制作クレジット・ギャラリー情報は2026年9月の既存記録です。今回すべての制作情報を再照合したものではなく、ギャラリー掲載時期は公開日やリニューアル日を示すものではありません。

掲載順は事務所・専門家・制作会社の品質順位ではありません。ギャラリーへの掲載数や掲載時期から専門業務や集客の成果を判断することはできません。

弁護士事務所なら弁護士事務所のホームページの作り方、税理士事務所なら税理士事務所・会計事務所のホームページの作り方で、載せるべき内容を説明しています。

目次

相談分野と依頼条件から士業の事例を選ぶ

見た目の好みを決める前に、訪問者が何を確かめ、どこへ進むサイトかを選びます。下の3例は用途から比較する入口です。画像の表現と、現在の公式サイトで確認できる案内を分けて見てください。

表が収まらない場合は横にスクロールできます。

代表事例参考にしやすい用途公式サイトにある案内
代官山綜合法律事務所取扱分野・担当者・費用を整理したい事務所業務内容・所属弁護士・料金案内
たけだ税理士事務所継続契約と単発相談を分けたい事務所基本の顧問サービス・スポット相談・よくあるご質問
こやま法務事務所身近な相談内容と報酬の条件を案内したい事務所業務について・報酬等の目安・事務所について

2026年10月21日に6件の公式サイトの文字情報を個別確認しました。画像は各キャプションに記した2026年9月14日の既存記録です。現在の画面、相談・問い合わせ完了、全契約条件や資格登録の外部照合は検証していません。制作クレジットとギャラリー情報は過去記録として区別しています。

たけだ税理士事務所は、確認時点で税理士業務の新規依頼受付を停止する告知を掲載しています。構成の参考事例として紹介しており、現在依頼できる事務所の一覧ではありません。

掲載サイト一覧

6件は2026年11月に、業種別のまとめページとSTUDIO Expertsの実績から追加しました。収集基準C=複数のまとめページに取り上げられているサイト。ギャラリー掲載の確認はしていません。

#サイト種別制作(過去記録)ギャラリー(過去記録)掲載時期(過去記録)
1代官山綜合法律事務所法律事務所(東京都渋谷区)ユニエル4件2017年3〜8月
2内藤・大塚法律事務所法律事務所(東京都港区南麻布)M-HAND1件2026年6月
3たけだ税理士事務所税理士事務所(全国オンライン対応案内あり・新規依頼受付停止告知あり)OOOPEN2件2023年7〜12月
4早川総合法律事務所総合法律事務所(東京都千代田区)UNDERLINE2件2022年12月〜2023年2月
5こやま法務事務所司法書士・行政書士事務所(奈良県生駒市)ADRIATIC2件2022年7〜8月
6OGINO 荻野鷹也税理士事務所税理士事務所(東京都渋谷区)BEES/HONEY2件2019年1月
7さくら会計事務所会計事務所(東京)—Cまとめ2件—
8国本司法書士事務所司法書士事務所(兵庫・神戸)—Cまとめ2件—
9湘南クラウド会計事務所会計事務所(神奈川・湘南)—Cまとめ2件・STUDIO製—
10メンターザイム会計事務所税理士事務所—Cまとめ1件・STUDIO製2026年
11さの会計税理士事務所(愛知・一宮)—Cまとめ2件2019年
12税理士法人アクシス税理士法人(アクシスグループ)—Cまとめ2件2026年

1. 代官山綜合法律事務所

代官山綜合法律事務所のファーストビュー
代官山綜合法律事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

東京都渋谷区の法律事務所です。企業法務、スタートアップ支援、相続などの業務、所属弁護士、料金、事務所概要を案内しています。料金は顧問契約、初回相談、個別案件などで区分されています。

自社で取り入れる場合:対応分野、担当者、相談方法と費用の算定条件をそろえます。相談料と受任後の報酬・実費を混同しない説明を用意します。

種別法律事務所(東京都渋谷区)
制作(過去記録)ユニエル
スタッフ(過去記録)株式会社ユニエル(URAGAWAのクレジット表記に基づく)
ギャラリー(過去記録)MUUUUU.ORG/SANKOU!/1GUU/URAGAWA
ギャラリー掲載時期2017年3〜8月
サイトdaikanyamalaw.com

自社サイトに取り入れるなら

向いている用途:取扱分野・担当者・費用を整理したい事務所。

確認できる案内:公式サイトに「業務内容・所属弁護士・料金案内」の案内があります。用途別の情報の分け方を比較できます。

準備するもの・運用条件:対応できる分野、相談方法、費用を算定する条件を原稿にします。個別案件の結果を一般化した訴求は避けます。

代官山綜合法律事務所を見る

2. 内藤・大塚法律事務所

内藤・大塚法律事務所のファーストビュー
内藤・大塚法律事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

東京都港区南麻布の法律事務所です。企業法と消費者法を主軸に、その他の業務、弁護士、事務所、採用、アクセスを案内しています。

自社で取り入れる場合:専門分野を具体的な相談内容に結びつけ、担当者の経歴と依頼までの手順を整理します。英語のメニュー名だけで本文の言語や対応言語を判断しません。

種別法律事務所(東京都港区南麻布)
制作(過去記録)M-HAND
スタッフ(過去記録)M-HAND(MUUUUU.ORGの制作者情報に基づく)
ギャラリー(過去記録)MUUUUU.ORG(SITE OF THE DAY 2026年6月19日)
ギャラリー掲載時期2026年6月
サイトnaito-otsuka.com

内藤・大塚法律事務所を見る

3. たけだ税理士事務所

たけだ税理士事務所のファーストビュー
たけだ税理士事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

スモールビジネスとクリエイター向けに、確定申告、創業、顧問、スポット相談、文化芸術団体向け支援を分けています。確認時点で、税理士業務の新規依頼受付停止を告知しています。

自社で取り入れる場合:継続契約と単発相談の対象・範囲を明記します。受付状況のお知らせを相談案内と合わせて管理し、無料相談の案内だけで新規受付中とは判断しないようにします。

種別税理士事務所(全国オンライン対応案内あり・新規依頼受付停止告知あり)
制作(過去記録)OOOPEN
スタッフ(過去記録)OOOPEN(SANKOU!のクレジット表記に基づく)
ギャラリー(過去記録)MUUUUU.ORG/SANKOU!
ギャラリー掲載時期2023年7〜12月
サイトtakedacpta.jp

自社サイトに取り入れるなら

向いている用途:継続契約と単発相談を分けたい事務所。

確認できる案内:公式サイトに「基本の顧問サービス・スポット相談・よくあるご質問」の案内があります。用途別の情報の分け方を比較できます。

準備するもの・運用条件:それぞれの対象、資料、依頼までの流れを整理します。フォームでは初回連絡に必要な事項に絞ります。

たけだ税理士事務所を見る

4. 早川総合法律事務所

早川総合法律事務所のファーストビュー
早川総合法律事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

東京都千代田区の法律事務所です。企業・個人の案件を扱う旨を説明し、関係者のストーリー、読み物、事務所紹介、アクセスを掲載しています。

自社で取り入れる場合:事務所の考えを伝える読み物と、依頼に必要な業務・担当者・相談条件を区別して用意します。記事の日付から現在の受任状況は判断しません。

種別総合法律事務所(東京都千代田区)
制作(過去記録)UNDERLINE
スタッフ(過去記録)UNDERLINE(SANKOU!のクレジット表記に基づく)
ギャラリー(過去記録)MUUUUU.ORG/SANKOU!
ギャラリー掲載時期2022年12月〜2023年2月
サイトhayakawa-lawoffice.com

早川総合法律事務所を見る

5. こやま法務事務所

こやま法務事務所のファーストビュー
こやま法務事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

奈良県生駒市の司法書士・行政書士事務所です。不動産・法人登記、相続・遺言、行政手続きなどを紹介し、報酬の目安、予約が必要な相談、オンライン相談を案内しています。

自社で取り入れる場合:資格ごとの業務範囲と他士業との連携を区別します。相談内容と費用の条件を担当者が確認できるようにし、利用者の声を結果の保証に置き換えません。

種別司法書士・行政書士事務所(奈良県生駒市)
制作(過去記録)ADRIATIC
スタッフ(過去記録)企画・アートディレクション・デザイン・撮影:鈴木人詩(ADRIATIC)/テクニカルディレクション・開発:吉永大(ADRIATIC)
ギャラリー(過去記録)MUUUUU.ORG/SANKOU!
ギャラリー掲載時期2022年7〜8月
サイトkoyama-houmu.com

自社サイトに取り入れるなら

向いている用途:身近な相談内容と報酬の条件を案内したい事務所。

確認できる案内:公式サイトに「業務について・報酬等の目安・事務所について」の案内があります。用途別の情報の分け方を比較できます。

準備するもの・運用条件:業務範囲と相談窓口を明確にし、報酬以外に発生する実費の説明を準備します。制度情報の確認担当を決めます。

こやま法務事務所を見る

6. OGINO 荻野鷹也税理士事務所

OGINO 荻野鷹也税理士事務所のファーストビュー
OGINO 荻野鷹也税理士事務所(2026/09/14時点の表示・幅1440pxで取得)

公式案内から比較できる点

東京都渋谷区の税理士事務所です。顧問、開業、相続、経理支援などのサービス、クライアントの声、料金表、問い合わせを案内しています。

自社で取り入れる場合:サービスと料金の対象を対応させ、事例の紹介時点を明記します。トップに表示される企業名だけから、その企業がサイト制作者だと判断しないようにします。

種別税理士事務所(東京都渋谷区)
制作(過去記録)BEES/HONEY
スタッフ(過去記録)BEES/HONEY INC(URAGAWAのクレジット表記に基づく)
ギャラリー(過去記録)SANKOU!/URAGAWA
ギャラリー掲載時期2019年1月
サイトoginotax.com

OGINO 荻野鷹也税理士事務所を見る

7. さくら会計事務所

さくら会計事務所のファーストビュー
さくら会計事務所(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

最初の画面の大半を、そろばんを弾く手元の写真が占めている。

ナビは縦書きで、ロゴを中央に置いている。

電話番号と営業時間、メールの入口が右上に小さくまとまっている。

自社で取り入れる場合:所長や所員の手元など、仕事の場面を実際に撮った写真を1枚用意する。縦書きナビは和の印象が合う事務所に限る。

種別会計事務所(東京)
収集基準C基準(業種別のまとめページ2件に掲載)
制作公式サイト・まとめページに記載なし
出どころ士業のホームページデザイン集/士業のホームページ制作|集客が狙える・おしゃれな参考WEBサイト25選!|ドコドア
使用技術(2026/11/05確認)GoogleFonts
サイトsakurakaikei-tax.jp

さくら会計事務所を見る

8. 国本司法書士事務所

国本司法書士事務所のファーストビュー
国本司法書士事務所(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

電話中の女性と手前の花束を重ねた写真を、画面の大部分に置いている。

ナビは左に縦並びで、事務所名のロゴは上部中央に縦書きで置いている。

電話番号と個別相談の入口が、右上の2つのボタンに分かれている。

自社で取り入れる場合:事務所の雰囲気が伝わる写真を1枚決め、電話と相談予約の入口を画面の端に固定して見える位置に置く。

種別司法書士事務所(兵庫・神戸)
収集基準C基準(業種別のまとめページ2件に掲載)
制作公式サイト・まとめページに記載なし
出どころ士業のホームページデザイン集/士業のホームページ制作|集客が狙える・おしゃれな参考WEBサイト25選!|ドコドア
使用技術(2026/11/05確認)—
サイトkunimoto-office.com

国本司法書士事務所を見る

9. 湘南クラウド会計事務所

湘南クラウド会計事務所のファーストビュー
湘南クラウド会計事務所(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

江の島の風景写真を画面いっぱいに使い、白い文字で対象の顧客層を書いている。

ロゴは左上の白い角丸の枠に収まり、写真と切り分けている。

ナビの右端に「無料相談やってます」の吹き出しがある。

自社で取り入れる場合:地域の象徴になる風景を1枚用意し、誰に向けた事務所かを最初の画面の短い文で言い切る。

種別会計事務所(神奈川・湘南)
収集基準C基準(業種別のまとめページ2件に掲載・STUDIO Expertsの実績)
制作公式サイト・まとめページに記載なし
出どころ士業向けホームページ制作が得意な会社5社/STUDIO Experts
使用技術(2026/11/05確認)STUDIO(ノーコード)/Morisawa
サイトshonan-cloud.com

湘南クラウド会計事務所を見る

10. メンターザイム会計事務所

メンターザイム会計事務所のファーストビュー
メンターザイム会計事務所(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

暗い書棚の写真に、白と金色の見出しを重ねている。

「銀行に融資を申し込んでいませんか?」と問いかける見出しで、強みを最初に出している。

金色の相談ボタンと、サービス一覧へのボタンが本文の下に並ぶ。

自社で取り入れる場合:得意とする相談内容を、問いかけの1文で見出しにする。ボタンは「相談する」と「サービスを見る」の2つに絞る。

種別税理士事務所
収集基準C基準(業種別のまとめページ1件に掲載・STUDIO Expertsの実績)
制作公式サイト・まとめページに記載なし
出どころSTUDIO Experts
使用技術(2026/11/05確認)STUDIO(ノーコード)/GoogleFonts/Morisawa
サイトmentorzaimu.jp

メンターザイム会計事務所を見る

11. さの会計

さの会計のファーストビュー
さの会計(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

スライダーの1枚目に、料金表を映したノートパソコンの画像を置いている。

白い枠に悩みを6つ並べ、その下に緑とオレンジの相談ボタンがある。

ナビに「料金表・税理士報酬」と「お客様インタビュー」が入っている。

自社で取り入れる場合:料金表とお客様の声を、ナビの上位に出す。悩みの一覧は、実際に受ける相談の言葉で書く。

種別税理士事務所(愛知・一宮)
収集基準C基準(業種別のまとめページ2件に掲載)
制作公式サイト・まとめページに記載なし
出どころ士業のホームページデザイン集/参考になる!「士業」のホームページ制作事例 13選【2024年版】
使用技術(2026/11/05確認)GoogleFonts/Morisawa
サイトtaxsano.com

さの会計を見る

12. 税理士法人アクシス

税理士法人アクシスのファーストビュー
税理士法人アクシス(2026/11/05時点の表示・幅1440pxで取得)

公式サイトの画面で確かめられる点

ビルと人物のイラストを、アイソメトリック図で画面右に大きく配置している。

見出しは青の大きな文字で、強調したい語に下線を引いている。

お問い合わせは右上の青いボタンで、画面の下にお知らせの欄が見える。

自社で取り入れる場合:写真が用意しにくい場合は、事務所の業務を絵にしたイラストを1枚作る。お知らせの欄を最初の画面に出して更新の実績を見せる。

種別税理士法人(アクシスグループ)
収集基準C基準(業種別のまとめページ2件に掲載)
制作公式サイト・まとめページに記載なし
出どころ士業のホームページデザイン集/士業のホームページ制作|集客が狙える・おしゃれな参考WEBサイト25選!|ドコドア
使用技術(2026/11/05確認)GoogleFonts
サイトm-staff.com

税理士法人アクシスを見る

自社サイトで比較するポイント

取扱分野と対象者を具体的にする

内藤・大塚法律事務所は企業法・消費者法、たけだ税理士事務所はクリエイターや小規模事業者向けの支援を案内しています。資格名だけでなく、どのような相談を受けるかを具体化し、担当者の紹介と対応させます。

料金の有無ではなく条件を比較する

代官山綜合法律事務所、こやま法務事務所、OGINOには料金の案内があります。金額だけを比較せず、相談・顧問・個別業務の範囲、税・実費、追加対応の条件を説明します。この記事は各事務所の全報酬条件や広告表示を監査したものではありません。

受付状況を相談案内へ反映する

たけだ税理士事務所には、新規依頼の受付停止告知と問い合わせの案内が掲載されています。サービス説明が公開されていることと、現在依頼できることを分けて確認します。自社サイトでは受付状況の変更を相談入口にも反映します。

人物・事例・制作情報を推測で結びつけない

人物写真だけから依頼者や専門家の立場を判断せず、公式の紹介文を確認します。企業名が掲載されていても、取引事例とサイト制作クレジットは別の情報です。既存画像の印象と現在の内容・操作を分けて比較します。

制作会社に頼むと、いくらかかるか

掲載事例の契約金額は確認していません。自社で制作する費用は、必要なページ、原稿・写真、予約や販売などの機能、更新の担当範囲を整理して見積もります。代表事例の「準備するもの・運用条件」を依頼内容に落とし込むと比較しやすくなります。 費用の比較項目は、ホームページ制作費用の相場でも確認できます。

制作会社を選ぶ段階なら、ホームページ制作会社の選び方をご覧ください。

異業種の構成例として、アパレルの記事も参照できます。

美容・コスメの記事には、商品・店舗案内を分ける例があります。制作会社は、必要な情報整理と更新機能への対応を確認して選びます。

事例の選定と確認範囲

過去の編集調査で収集した6サイトを、法律・税務・登記や行政手続きなどの相談案内の参考として紹介しています。業界全体の代表標本ではなく、ギャラリー掲載数から士業サイトの品質や競争の難易度を一般化していません。

2026年10月21日に6件の公式サイトの文字情報を個別確認しました。OGINOはブラウザーで読み込み後の文字情報も確認しています。こやま法務事務所の所在地は事業所概要に合わせて生駒市としています。画像は2026年9月14日の既存記録です。制作クレジットとギャラリー掲載・選出記録の全件再照合は今回行っていません。

資格登録の外部照合、全業務の受任条件・料金・広告表示、相談・問い合わせ完了、事例の公開許諾、PC・スマートフォンの画面・実機、アクセシビリティは未検証です。たけだ税理士事務所の新規依頼受付停止告知を含め、現在の受付状況は公式案内で確認してください。

このシリーズのほかの業種

ほかの業種の事例は、以下の記事で紹介しています。

掲載内容の訂正・削除について

掲載されている事務所・制作会社の方へ。
記載内容に誤りがある場合や、掲載の取り下げをご希望の場合は、お問い合わせフォームからご連絡ください。
確認のうえ、速やかに対応します。

掲載料は受け付けていません。
掲載は編集部の調査結果だけで決めています。

お問い合わせフォーム

よくある質問

この記事に載っている制作会社に、ここから依頼できますか

各制作会社のサイトから直接お問い合わせください。
編集部は仲介をしておらず、紹介手数料も受け取っていません。

士業のサイトに顔写真は必要ですか

担当者を知る材料にはなりますが、写真だけで専門性や相性を判断することはできません。氏名、資格、経歴、対応分野と相談方法をそろえ、掲載する写真の利用条件を確認します。

料金を載せるべきですか

相談前に費用の考え方が分かるよう、相談料、顧問料、個別業務の報酬、実費や追加費用の条件を整理します。一律に金額を示せない業務は見積もりまでの流れを案内し、掲載内容を事務所の担当者が確認します。

デザインギャラリーに載ることを目指すべきですか

まず、取扱分野、担当者、相談条件、問い合わせ方法が分かることを確認します。ギャラリー掲載は表現の参考にはなりますが、専門業務の品質や集客成果を保証するものではありません。

この情報はいつ時点のものですか

公式サイトの文字情報は2026年10月21日に確認しました。画像は各キャプションに記した2026年9月14日の既存記録です。制作・ギャラリー情報は過去記録で、現在の画面や操作結果とは区別しています。

この記事を書いている会社

MOTOKI合同会社(埼玉県所沢市)は、WordPressに特化したホームページ制作会社です。

  • 担当範囲と制作例はMOTOKIの制作実績一覧でご覧いただけます
  • WordPressテーマ「SWELL」を使った企業サイト・オウンドメディアの構築に対応
  • 技術メディアWAZAでWordPressの実装・運用方法を公開
  • 必要なページ・相談受付の機能・素材を整理したうえでの見積もりと体制の相談
  • いま検討している他社の見積もりが妥当かどうかの確認
  • 既存の事務所サイトを見たうえでの改善点の指摘

ホームページの制作・改善について相談する

相談は無料です。
他社からも相見積もりを取ったうえでご判断ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次