中川行政書士事務所のサイトは、愛知県東海市名和町に事務所を置く行政書士事務所が、相続や遺言の相談を受け付けるために運営しているWebサイトです。代表者の写真を大きく配したファーストビューと、オレンジと緑を役割ごとに使い分けた配色によって、相談先を探している人に、この事務所へ相談すればよいことを分かりやすく伝えています。
この記事では、Webデザインの見本を探している方に向けて、ファーストビュー、配色、写真、レイアウト、導線の各要素を順に分析します。相続や遺言のように、多くの人にとって日常的ではない手続きを扱うサイトが、どのように信頼感と相談のしやすさを両立させているのかを見ていきます。
中川行政書士事務所のサイト概要
このサイトは、遺言を考えているご本人と、相続を控えたご家族の両方を相談へ導くことを軸に組み立てられています。トップページには、立場ごとの悩みの例、出張で対応する地域、代表者のあいさつ、依頼までの流れが上から順に並び、初めて行政書士に相談する人でも全体像をつかみやすい構成です。
事務所の代表は、行政書士の中川大爾様です。事務所案内のページによると、愛知県行政書士会に所属し、弁護士や司法書士、土地家屋調査士、社会保険労務士などと連携しながら手続きを進める体制を整えています。
相続と遺言に的を絞ったメニュー構成
サイドバーのメニューには、相続に関するページ、相続手続きの流れを説明するページ、遺産分割協議、遺言、成年後見制度、事務所案内などの項目が並びます。扱うテーマを相続と遺言、成年後見に絞っているため、訪問者は自分の悩みに近いページを選びやすくなっています。
サイドバーには、事務所のオフィシャルサイトへ移動するバナーも置かれています。事務所全体の情報とは別に、相続や遺言の相談に役割を絞ったサイトとして整理している点は、複数の業務を持つ事務所がサイトを分けて運用する際の参考になります。
ファーストビューのデザイン分析
ファーストビューの中心は、青空と草原の風景を背景にした横長のメインビジュアルです。左に代表者の写真、中央に吹き出し、右にオレンジの矢印と円形のアイコンを並べており、視線が左から右へ自然に流れる構図になっています。
メインビジュアルの上には、細身の書体で大きく表示された事務所名のロゴと、東海市で相続や遺言の手続き先を探す人へ呼びかける短い一文が置かれています。ヘッダーの右側にはオレンジの大きな電話番号と緑のお問い合わせフォームのボタンが並び、電話番号の横には受付時間と土日も対応できることを示す小さな枠もあるため、ページを開いた直後から連絡手段が目に入ります。
代表者の写真と名前で相談相手の顔を見せる
メインビジュアルの左側には、スーツ姿で手を組み、ほほえみかける代表者の写真が大きく配置されています。写真の左上にはオレンジの円形ラベルが重なり、行政書士という肩書とともに中川大爾様の名前が白抜きの文字で添えられています。
相続や遺言は家族の事情に深く関わるテーマなので、相談する相手の人柄が見えることは訪問者の安心につながります。顔と名前、資格をひとまとまりで見せる手法は、個人の専門性で選ばれる士業のサイトと相性のよい見せ方です。
吹き出しと矢印でメッセージの順序をつくる
代表者の写真の横には、角を丸めた白い半透明の吹き出しがあります。相続や遺言にまつわる悩みに触れたうえで、他の士業と提携して手続きを支える事務所であることを、代表者が語りかけるような形で伝えています。
右側では、オレンジの枠で囲んだ見出しの下に大きな下向きの矢印を重ね、その中に事務所名と相談を呼びかける言葉を白抜きで配置しています。悩みを示す見出しから事務所名へと矢印が視線を運ぶため、相続や遺言の悩みをどこへ持ち込めばよいかが一目で伝わります。
円形のアイコンで相談しやすさを3点にまとめる
矢印の下には、黄色の円に白い縁取りを付けたアイコンが3つ並んでいます。名和駅から徒歩4分であること、土日も相談できること、出張相談にも対応していることが、それぞれ短い言葉で表現されています。
強調したい語だけを濃い赤で示しているため、細かな文章を読まなくても要点を拾えます。相談のハードルを下げる条件を、写真の上に丸いバッジとして重ねる手法は、情報量を増やさずに利点を伝えたいときに参考になります。
配色とトーン＆マナーの分析
サイト全体は白を基調に、オレンジと緑の2色を役割ごとに使い分けています。温かみのあるオレンジが注目させたい情報を、落ち着いた緑がボタンや地図、フッターを受け持っており、親しみやすさと誠実な印象が両立しています。
オレンジで注目させたい情報を示す
ヘッダーとサイドバーの電話番号、メインビジュアルの矢印、ページの大見出しの下線には、濃いオレンジが使われています。サイドメニューの各項目は淡いオレンジのグラデーションを背景にオレンジの文字で表示されており、メニューもテーマカラーの中に自然に収まっています。
本文エリアの背景は白のまま保たれ、濃いオレンジは電話番号や矢印、見出しの線といった要素に限って使われています。強い色を要所に絞ることで、ページ全体がにぎやかになりすぎず、視線を集めたい場所がはっきり浮かび上がります。
緑でボタンと安心感を表現する
ヘッダーのお問い合わせフォームのボタンや、本文とサイドバーにある詳細ページへのボタンには、上から下へ色の濃さが変わる緑のグラデーションが使われています。ページ最上部の小さな文字の下とフッターの下端には緑の線が引かれ、フッターの背景にも淡い緑が敷かれているため、ページの始まりと終わりが緑で引き締まって見えます。
メインビジュアルの草原や、出張対応の範囲を示す地図の塗り分けにも緑が使われ、写真や図版の色がテーマカラーとつながっています。一方で、ページ下部の問い合わせバナーでは緑の枠の中にオレンジのボタンを置き、最後の問い合わせボタンが周囲から際立つようにしています。
文字組みと書体で落ち着きを保つ
本文は濃いグレーの文字で組まれ、行間を広めにとっているため、説明の多いページでも読み疲れしにくい印象です。見出しや強調したい文には太字を使い、悩みの例には緑の四角い記号を付けて、文章の中で拾ってほしい情報を区別しています。
ロゴの事務所名は、焦げ茶に近い濃い色の細身の書体で大きく表示されています。装飾を抑えた文字の扱いが、行政書士事務所らしい落ち着きと誠実さを感じさせます。
レイアウトと写真の使い方
ページは、左に幅の狭いサイドバー、右に広いメインエリアを置いた2カラム構成です。メインエリアでは見出しごとに内容が区切られ、写真と文章を左右に並べたブロックが続くため、縦に長いページでも内容の切れ目が分かりやすくなっています。
コンテンツは画面の中央に一定の幅で収められ、左右には白い余白が残されています。一方で、ページ最上部の緑の線とフッターの淡い緑の背景は画面の端まで広がっており、中央にまとまった情報を上下から帯で挟むような安定した見え方になっています。
見出しのデザインで情報の階層を示す
見出しには2種類のデザインが使い分けられています。ページ全体の大見出しは白から淡いオレンジへ変わる背景に太いオレンジの下線を引いた帯で、各ブロックの見出しは淡いグレーの帯の左端にオレンジの縦線を付けた形です。
どちらの見出しにも薄い影が付けられ、本文から少し浮き上がって見えます。色と形で見出しの階層を区別しているため、読み手はページのどこを読んでいるのかを把握しやすくなっています。
サイドバーに案内とバナーを集める
サイドバーの上部には、矢印の記号を付けたメニューが縦に並びます。その下には、代表者の写真を使ったブログのバナー、オフィシャルサイトのバナー、Q&Aのバナー、依頼ケースを紹介するバナーが続き、オレンジ、緑、水色、クリーム色と背景の色を変えて入口を見分けやすくしています。
どのバナーも右下の角に小さな三角形の印が付いており、クリックできる要素であることを控えめに示しています。バナーの下には所在地と最寄駅、電話番号、営業時間をまとめた案内とお問い合わせのボタンが配置され、トップページの前半を読み進める間に事務所の場所と連絡方法をあわせて確認できます。
写真で相談する人の姿を想像させる
メインエリアの最上部にあるバナーでは、説明を聞きながら笑顔を見せる年配の男性と女性の写真に、遺言書の作成と相続の手続きを支援する旨の見出しを重ねています。白い縁取りを付けたオレンジの太い文字は写真の上でもはっきり読め、バナー下部の緑の帯には詳細ページへ進むための案内と丸い矢印のアイコンが入っています。
悩みの例を紹介するブロックでは、考え込む年配の男性の写真や、笑顔で寄り添う家族の写真が文章の横に置かれています。文章の内容と写真の人物像が対応しているため、読み手は自分や家族の状況に重ねながら読み進められます。
あいさつのブロックでは、落ち着いた背景で撮影された代表者の写真が使われています。写真には白い余白と細い枠線が付けられ、悩みの例とあいさつのブロックでは同じように右側へそろえられているため、テキストの多いページでも整った印象が保たれています。
視線誘導と導線設計の分析
トップページの導線は、共感、安心材料、行動という順序で組み立てられています。悩みの例で読み手の関心を引き、対応地域と代表者のあいさつで安心感を与えたうえで、依頼の流れと問い合わせ用のバナーへつなげる流れです。
ご本人向けとご家族向けに悩みを分ける
本文の前半では、遺言を考えているご本人に向けたブロックと、相続を控えたご家族に向けたブロックが、見出しで明確に分けられています。立場によって抱える悩みが異なることを前提に、それぞれの不安を箇条書きで具体的に挙げています。
各ブロックの最後には緑の「詳細はこちら」ボタンがあり、ご本人向けは遺言のページ、ご家族向けは相続のページへ進めるようになっています。読み手は自分に当てはまる側を選ぶだけで次に読むページへ移れるため、情報を探す手間が少なくなります。
地図と市町村名で出張の対応範囲を伝える
出張の対応範囲を紹介するブロックでは、愛知県の市町村の境界を描いた地図のうち、対応する地域を緑で塗り分けています。地図を見ると、名古屋市から知多半島にかけての一帯が含まれていることが直感的に分かります。
地図の右側には対応する市町村名が一覧で並び、東海市や名古屋市、大府市、知多市、半田市のほか、三重県の桑名市や四日市市も挙げられています。一覧にない地域についても相談を受け付けていると案内されているので、名古屋で相続の出張相談先を探している人や、大府市で相続を相談できる行政書士を探している人も、対応の可否を確かめやすい構成です。
写真付きのカードで依頼までの流れを示す
依頼の流れは、番号付きの見出しを持つカード型のブロックで3段階に分けて紹介されています。カードは角を丸めた枠と淡いグレーのグラデーション、薄い影で立体感を出し、左に写真、右に説明文を置く同じ型でそろえられています。
受話器を持つ女性、ノートパソコンのそばで書類に記入する手元、握手を交わす場面と、写真が各段階の行動を表しているため、予約から相談、依頼までの進み方をイメージしやすくなっています。初めての依頼で不安を感じやすい人に、手順の見通しを持ってもらうための工夫です。
ページ末尾のバナーで問い合わせを後押しする
新着情報は日付とタイトルを点線で区切ったシンプルな一覧で、その下に緑の太い枠で囲んだ問い合わせ用のバナーが置かれています。バナーの左側には事務所名と所在地、緑の大きな電話番号、受付時間がまとめられ、右側には受話器を耳に当てる女性の写真と、出張相談の受け付けを知らせる吹き出しが重ねられています。
バナーの右下にはオレンジのメール問い合わせボタンがあり、緑の枠の中でひときわ目立ちます。電話とメールの2つの連絡手段を最後にもう一度そろえて見せることで、ページを読み終えた人がそのまま相談へ進めるようにしています。さらにその右下には、ページの先頭へ戻るための小さなボタンも用意されています。
遺言書作成や遺産分割協議を解説する下層ページの情報設計
トップページから進める下層ページも、相続や遺言について調べる人が段階を追って理解できるよう整理されています。ここでは、遺言書の作成や遺産分割協議など、相談の入口になりやすいテーマのページ構成を見ていきます。
遺言のページは方式ごとの違いを比べて読める
遺言のページでは、よくある悩みを示したあとに、遺言書を残す利点と注意点を箇条書きで整理しています。続いて、自筆証書遺言、秘密証書遺言、公正証書遺言の3つの方式について、作り方や家庭裁判所での検認の要否、紛失や変造のリスクといった違いを説明しています。
東海市で遺言書の作成を検討している人にとって、どの方式を選ぶかは最初に迷いやすい点です。方式ごとの特徴を並べて読める構成は、相談の前に自分の考えを整理する材料として役立ちます。
遺産分割協議と相続手続きのページは流れに沿って解説
遺産分割協議のページでは、話し合いがまとまったあとに協議書を作る理由や、書面に残すことで得られる利点を番号付きで説明しています。あわせて、不動産や株式、自動車、農地などの名義変更や届出の手続き先もまとめられています。
相続手続きのページでは、死亡届の提出に始まる一連の手続きを、STEP01からSTEP10までの番号で順に並べています。東海市で遺産分割協議を控えている人も、手続き全体の中で自分がどの段階にいるのかを確かめながら読み進められます。
成年後見制度と事務所案内のページ
成年後見制度のページでは、任意後見と法定後見という2つの制度の違いを項目ごとに比べ、成年後見人が担う役割も整理しています。事務所案内のページには、代表者のあいさつや経歴、事務所の概要に加えて、車と電車それぞれで事務所へ向かう道順がまとめられています。
士業サイトの制作で参考にしたいポイント
中川行政書士事務所のサイトから学べるのは、専門的なテーマを扱いながら、相談する人の気持ちの動きに沿った順序で情報を並べている点です。参考にしたいポイントを整理すると、次のようになります。
- 代表者の写真と肩書、名前をファーストビューでまとめて見せ、相談相手の人柄を伝えています。
- 濃いオレンジは注目させたい要素に、緑は多くのボタンや地図に使い、色ごとに役割を持たせています。
- ご本人向けとご家族向けに悩みを分け、それぞれに合ったページへの入口を用意しています。
- 出張の対応範囲を、地図の塗り分けと市町村名の一覧の両方で示しています。
- 依頼の流れを写真付きのカードで見せ、ページの最後に電話とメールの連絡手段をまとめています。
相続や遺言のように、人生で何度も経験するわけではない手続きを扱うサイトでは、情報の正確さに加えて、気軽に相談してよいと感じてもらえる雰囲気づくりが欠かせません。このサイトは、写真と配色、導線の順序によってその雰囲気を形にしている好例です。
まとめ：中川行政書士事務所のサイトの特徴
中川行政書士事務所のサイトは、代表者の写真を中心にしたファーストビュー、オレンジと緑の役割分担、立場ごとに分けた悩みの導線、地図やカードを使った視覚的な説明によって、相続や遺言の相談先を探す人に分かりやすく情報を届けています。士業や地域に根ざした専門サービスのサイトを制作する際に、構成と配色の両面で参考にしやすい見本です。
事務所は東海市名和町にあり、名古屋市や大府市、知多市などへの出張相談にも対応しています。土日の相談にも応じているため、平日に時間をとりにくい方にとっても相談しやすい体制です。
相続や遺言の手続きを誰に相談すればよいか迷っている方や、士業サイトのデザインの参考を探している方は、知多で相続の相談ができる中川行政書士事務所のサイトで、配色や導線の工夫を実際の画面で確かめてみてください。
