地域での認知を高め、相談のハードルを下げる士業ホームページ

背景と課題

相続や生前対策を中心に、一人ひとりの状況や想いに寄り添った支援を行われています。地域に根差したサポートを行われている一方で、地域の方々への認知が十分に広がっていないという課題がありました。

また、司法書士への相談は敷居が高いと感じる方もいらっしゃるため、初めての方でも安心して相談できる、親しみやすさを伝えることも課題でした。

今回のリニューアルでは、まず事務所の雰囲気や大切にしている想いを知っていただき、そこから業務内容への理解を深め、ご相談につなげることを目指しました。
サイト全体にイラストを多く取り入れ、地域の街並みや対応業務を視覚的に表現することで、地域に根差した司法書士事務所であることが、地元の方々にひと目で伝わる親しみやすいWebサイトを目指しました。

情報整理と方向性

「ひらおひより司法書士事務所」様が大切にされている考え方や、事務所の雰囲気、目指している世界観、今後特に力を入れていきたい業務などについて、丁寧にヒアリングしました。

ヒアリングでお伺いした内容をもとに、サイトに必要な情報や要件を整理し、デザインの方向性を検討しました。

事例：サイト要件事例：サイト課題

事務所を知らない地域の方々に存在を知っていただくためには、事務所の魅力や特徴をどのように伝えるかが重要と考え、地域の方々に興味を持っていただけるような見せ方を検討しました。

また、司法書士への相談は敷居が高いと感じられることもあるため、親しみやすさをどのように表現するかも大切なポイントです。専門用語が多く難しく感じられがちな業務内容についても、専門知識のない方に分かりやすく伝えることを意識しています。

こうした要件を踏まえ、司法書士事務所としての信頼感を保ちながら、堅苦しさを感じさせない、あたたかく穏やかな世界観を目指しました。

ヒアリングでお伺いした内容や事務所に込めたおもい、業務内容などをもとに、アイデアを広げていきます。マインドマップを作成し、キーワードとなるイメージやサイトの方向性を書き出しながら、デザインを検討しました。

2案のデザインをご提案し、最終的にはB案をベースに制作を進めることとなりました。

事例：デザイン提案A 事例：デザイン提案B

制作のポイント

イラスト

事務所の親しみやすさや、相談者に寄り添う姿勢を視覚的に伝えるため、サイト全体にイラストを取り入れました。

ファーストビュー（サイトを開いたときに最初に表示される範囲）には、「つながり」をテーマにした街のイラストを大きく配置しています。
事務所名の由来でもある「陽糸」をモチーフに、人と人とのつながりやあたたかさを表現しました。地域で暮らす方々の想いが一本の大きな糸となり、街全体へ広がっていく様子をイメージしています。

街並みには平尾駅や西鉄バス、平尾山荘、大濠公園、福岡タワーなど、平尾を中心とした地域の身近な風景やシンボルを取り入れました。街を行き交う人々の表情や、穏やかな日常の風景にもこだわり、地域の方々に親しみを感じていただけるよう工夫しています。

イラストを通して、事務所が大切にされている人とのご縁や地域とのつながりを表現し、あたたかく安心感のある世界観に仕上げました。
事例：TOPイラスト

TOPデザイン

TOPページでは、印象的な街のイラストや太陽、スポットライトのモチーフと、「依頼者の皆さまにあたたかな安心を」というメッセージを中心に、事務所の想いや雰囲気が伝わるデザインを目指しました。

全体を暖色系でまとめ、ロゴにも使用されているグラデーションカラーを取り入れることで、やさしく温かみのある印象に仕上げています。また、可愛らしくなりすぎないよう、配色やイラストの使い方を工夫し、シンプルさと親しみやすさのバランスを大切にしました。

ファーストビューでは、各業務を表現したイラストの上部にアイコンを配置しています。アイコンをクリックするとモーダルウィンドウが開き、業務の概要を確認できる仕組みです。さらに、モーダル内から各業務の詳細ページへ移動できる導線を設けました。

これにより、ファーストビューから気になる業務について知ることができ、必要な情報へスムーズにアクセスできる構成としています。

また、アニメーションについても、サイトの穏やかな雰囲気を損なわないよう、控えめでやさしい動きを意識しました。
事例：TOPデザイン

下層デザイン

下層ページでは、詳しい業務内容を知りたい方に向けた案内や、事務所のロゴに込められた想いなど、より詳しい情報を確認できる構成としました。

TOPページの世界観を引き継ぎながら、イラストを取り入れることで親しみやすさを表現しています。また、情報の見やすさや分かりやすさを意識し、シンプルでありながらも、司法書士事務所としての信頼感と安心感が伝わるデザインに仕上げました。
事例：サイト下層

最後に

今回の制作では、まず「ひらおひより司法書士事務所」様の世界観や大切にされている想いを知っていただくことを重視しました。
司法書士事務所としての専門性や信頼感を大切にしながら、依頼者一人ひとりに寄り添うあたたかな姿勢を、イラストやデザインを通して表現しています。
サイトを訪れた方が事務所の雰囲気に親しみを感じ、そこから業務内容への理解を深め、「まずは相談してみよう」と思えるきっかけとなるようなWebサイトを目指しました。