2024.11.21 - Thu
みなちゃん
参考になる!「弁護士・法律事務所」のホームページ制作事例14選!
法律系サイトのトレンドは「重厚感」から「スタイリッシュ系」に
これまでは、法律事務所や弁護士のホームページとなると、「頼りがいのある」という印象付けを最優先にする傾向にありました。
そのため「誠実さ」をアピールするに適した「青」や「紺(ネイビー)」をメインカラーに採用し、あえて人物写真を採用しない”物”をメインとした写真を使用し、「重厚感」や「堅さ」を重視するようなホームページデザインが主流でしたが、昨今では逆に相談者となるターゲット層が徐々にデジタルネイティブに近づいているのもあってか、「あえて重厚感を無くして、スタイリッシュにまとめ、初回相談までのハードルを下げる」ような傾向にあります。
そこで今回は、「頼りがいがある」という第一印象の付与に対し、異なる3つのアプローチを用いたホームページを14サイトをご紹介します。
是非ホームページの新規作成、リニューアル時の参考にお役立てください!
”今風”なスタイリッシュさを重視したデザイン事例
弁護士法人しょうぶ法律事務所
https://www.shobu-law.com/(制作:株式会社リーピー)
弊社で制作させていただいた、しょうぶ法律事務所様のホームページです。
情報量が多いサイトですが、リンクボタンから直感的にページにアクセスできるなど、サイト全体を通して使いやすい設計にしています。
サイトカラーは白を基調に清潔感を出しつつ、差し色にしょうぶの花の紫色を入れて独自性のあるテイストに仕上げました。
株式会社オンダテクノ
https://recruit.ondatechno.com/(制作:株式会社リーピー)
弊社で制作させていただいた、 株式会社オンダテクノ様の採用サイトです。
とても綺麗でモダンですが、誠実さも感じられる洗練されたデザインが特徴です。若い人へ向けた訴求率と、弁理士のきちんとした雰囲気をうまく取り入れられるよう設計しました。
応募者に向けた詳細な情報が見やすく配置されています。各セクションはシンプルでナビゲーションしやすいです。
フォーサイト総合法律事務所
https://www.foresight-law.gr.jp/
東京都千代田区に拠点を持つフォーサイト総合法律事務所様のホームページです。
ファーストビューの「ともに未来を歩む」というキャッチコピー構図がインパクト大のデザインです。また、弁護士紹介ページでは一人ひとり綺麗に撮影された写真が掲載されていて、好印象です。
弁護士法人エース
東京都中央区にある弁護士法人エース様のホームページです。
白を基調としたサイトに、爽やかな水色が映えるデザインで、信頼感や清潔感を感じる好印象なサイトに仕上がっています。
弁護士一覧では、顔写真にカーソルを合わせるとくるっと裏向きになり、名刺のようなデザインとなっているのが面白いです。
虎ノ門第一法律事務所
プロフェッショナルで信頼感のあるデザインが特徴です。落ち着いた色調とシンプルなレイアウトが、法律事務所としての信頼性を強調しています。ナビゲーションはシンプルで直感的、必要な情報に迅速にアクセスできます。
”相談しやすさ”を重視したポップなホームページデザイン
みなとみらい総合法律事務所
神奈川県横浜市にあるみなとみらい総合法律事務所様のホームページです。
青色を基調としており、爽やかさ・誠実さが伝わってくるデザインです。ロゴマークのテクスチャー・色味・形と、WEBデザインとの親和性が高いホームページですね。
下にスクロールしていくと、余白が美しく使われており、情報が見やすいかつ写真が綺麗に引き立っています。
賢誠総合法律事務所|福祉ガードサイト
https://kensei-law.jp/welfare/
会社や社会福祉法人に特化した「賢誠総合法律事務所」様のホームページです。
福祉関連サービスに特化したクリーンでプロフェッショナルなデザインが特徴ですね。
また各サービスが分かりやすくセクションごとに整理されており、ユーザーが必要な情報に簡単にアクセスできるよう工夫されている点も使いやすさを感じるポイントだと思います。
インフィニティ法律事務所
茨城の法律事務所である、インフィニティ法律事務所様のホームページです。
サイト全体に重厚感のある赤色が使われていますが、所々に散りばめられたかわらしいイラストが、信頼感と親しみのバランスをとっています。料金ページはケースごとに料金を明瞭に記載しているため、安心して相談できそうですね。
”知見の深さ”をファッショナブルに表現したデザイン事例
一色法律事務所・外国法共同事業
東京都港区にある一色法律事務所・外国法共同事業様のホームページです。
全体的にクールな印象のデザインで、プロフェッショナル感が伝わります。ファーストビューでは動画が使用されており、事務所の様子がよく分かります。ミニマルですが、取扱業務のページではアイコンが使用されているなど、細かい気配りが効いたデザインです。
早川総合法律事務所
https://hayakawa-lawoffice.com/
東京都千代田区にある早川総合法律事務所様のホームページです。
全体的にクールな色合いの写真が使用されており、雰囲気あるデザインとなっています。サイトの構成はブログコンテンツがメインで、代表者の方が日々考えていることなど、様々な内容を発信しています。親しみや信頼にもつながるサイト構成ですね。
霽月法律事務所
企業のコンプライアンス・リスク管理などを中心に取り組まれている「霽月法律事務所」様のホームページです。
まるでデザイン事務所のような洗練されたデザインが特徴ですが、信頼感を醸し出す落ち着いたデザインで、業務分野、弁護士紹介、セミナー情報などの必要情報についても綺麗に整理されています。
独特ではありますが、プロフェッショナルな雰囲気を維持しつつ、視覚的にも非常に魅力的なデザインだと思います。
代官山綜合法律事務所
東京都渋谷区にある代官山綜合法律事務所様のホームページです。
圧倒的に高いデザイン性が目を惹きます。線や図形を用いたスタイリッシュなデザインで、デザインに合わせた動きも見る人を飽きさせません。そして、特徴的なローディング。一本の線から三角、四角と変化していく動作や、最後一本の線がスッと伸びるところまで、ついつい見入ってしまいます。また、ランディングページ型になっていて、下層ページが無いという構成も他の弁護士事務所のホームページにはあまり見ない特徴です。一番下までスクロールすると出てくる地図は、所在地をわかりやすく見せるアニメーションがつけられ、ホームページにあったシンプルなデザインになっています。世界観が細かく作り込まれた参考にしたいデザインですね。
響きパートナーズ株式会社
https://www.hibikipartners.com/
経営支援やIPO支援などを中心に支援されている「響きパートナーズ株式会社」様のホームページです。
ファーストビューの水面デザイン、アニメーションが印象的ですが、全体を通してクリーン+高級感のある色使いから「落ち着き・ゆとりのあるテイスト」を基調に、プロフェッショナルさが巧みに演出されたサイトですね。
賢誠総合法律事務所
M&A・企業再編・企業提携から一般企業法務まで、幅広い領域を支援されている「賢誠総合法律事務所」様のホームページです。
ファーストビューの張り巡らされた「糸」のようなアニメーションが特徴的ですが、このサイトの素晴らしい点は、使用写真の多くが有料素材など自社で用意されたものでないにも関わらず、アニメーションや文字フォント、余白の取り方によって、しっかり高級感やプロフェッショナルな印象付けに成功している点だと思います。
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
みなちゃん
WEBデザイナー/2018年入社/岐阜県岐阜市出身/デザインやUI・UXの知見を活かし、自治体関連や大手~中小企業のWebやアプリから印刷物、ロゴまで、幅広いブランディングデザインを手掛ける。/ゲーム(特に任天堂)が好きで、リーピーではゲーム部の部長。
「弁護士(士業)」の
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)