三重県津市に拠点を置く行政書士竹田智貴事務所の公式サイトは、相続や農地に関する相談窓口としての信頼感を、落ち着いたネイビーの配色と地域の風景写真で表現したコーポレートサイトです。この記事では、Webサイトのデザインを探している方の参考になるよう、ファーストビューの見せ方から情報設計、視線誘導の工夫までを具体的に読み解いていきます。士業のサイトで安心感と専門性をどう両立させているのか、その考え方が随所に表れた作りになっています。
ファーストビューが伝える第一印象
結論として、このサイトのファーストビューは、青空と山並み、緑の田園が広がる横長の実写を背景に、白抜きの縦書きコピーを重ねた構成で、地域に根ざした穏やかな印象を最初の一画面で伝えています。訪れた人が最初に目にする景色が自然の風景であるため、農地や相続といった土地にまつわる相談を扱う事務所であることが、言葉を読む前から視覚的に伝わってきます。
背景写真の下部には、メールと電話の相談窓口を並べた帯が配置され、初めて訪れた人でも次の行動に迷いにくい導線が用意されています。写真の空気感とネイビーのボタンが対比になり、落ち着きながらも行動を後押しする設計です。
ネイビーを基調にした配色計画
全体の配色は、深いネイビーを主役に据え、白の余白と写真の自然な色みを組み合わせています。ネイビーは誠実さや堅実さを連想させやすい色で、法律や手続きを扱う士業のサイトと相性が良く、読み手に落ち着いた信頼感を与えます。差し色を多用せず、色数を絞っているため、情報が整理されて見え、視線が迷いにくくなっています。
写真の中の空の水色や田園の緑がアクセントの役割を果たし、ネイビー一色になりすぎない柔らかさを保っています。硬くなりがちな士業の印象を、自然の色で和らげているところに配色の工夫が感じられます。
縦書きコピーと余白の使い方
ファーストビューのキャッチコピーは縦書きで配置され、横組みが中心の現代的なWebサイトの中で、あえて縦の流れを作っています。縦書きは和の落ち着きや誠実さを想起させやすく、地域に密着した姿勢を印象づける効果があります。文字の周囲には十分な余白がとられ、写真とコピーが競合せず、どちらも無理なく読み取れるよう仕上げられています。
セクションを貫く情報設計
このサイトは、各セクションの見出しに英語のラベルと日本語の見出しを組み合わせた構成で統一されています。当事務所についてや取扱い領域といった日本語見出しの上に、ABOUTやSUPPORTなどの小さな英字ラベルを添えることで、セクションの区切りがひと目で分かり、ページ全体に一貫したリズムが生まれています。
上から順に、事務所の紹介、取扱い領域、スタッフ紹介、相談の流れ、よくある質問、コンテンツと続く並びは、初めての来訪者が「どんな事務所か」「何を頼めるか」「どう進むか」を自然な順序で理解できるように設計されています。
取扱い領域を示す3つのカード
取扱い領域のセクションでは、3つのカードを使ってサービスを整理しています。それぞれのカードにはネイビーの半透明レイヤーが重なり、大きな番号と英字ラベルが添えられ、視覚的な序列が付けられています。相続手続きと不動産相談、農地手続きと農業支援、ドローン散布と実務支援という領域が、写真の上に短い言葉で示され、専門分野を一目で把握できる作りです。
番号を大きく見せる手法は、情報を順序立てて読ませたいときに有効で、来訪者の視線を上から下へと自然に運びます。テキストを詰め込みすぎず、詳細は下層ページに委ねる潔い構成も、トップページの見通しの良さにつながっています。
相談への導線とボタンの反復
メールと電話の相談窓口は、ファーストビューだけでなくページの下部やフッターにも繰り返し配置されています。長いページを読み進めるうちに問い合わせたくなったタイミングで、すぐ近くに窓口があるため、行動に移しやすい導線です。同じ形のボタンを繰り返し用いることで、どこを押せば連絡できるのかが直感的に分かります。
読みやすさを支えるタイポグラフィ
本文には癖の少ないサンセリフ体が使われ、見出しと本文の文字サイズにメリハリがつけられています。英字ラベルは小さく控えめに、日本語見出しははっきりと見せることで、情報の主従が明確になり、流し読みでも内容の要点が頭に入りやすくなっています。
レイアウトと視線誘導の工夫
ページ全体は、ネイビーの色面と実写を左右で交互に組み合わせた非対称のブロックで構成されています。片側に写真、もう片側に見出しと説明を置くレイアウトが繰り返され、スクロールするたびに視線が左右に振られ、単調にならないリズムが生まれています。
各ブロックのあいだには広めの余白が確保され、情報が窮屈にならず、一つひとつの内容にしっかり目を向けられます。写真とテキストの境界が明確なため、どこからどこまでが一つのまとまりなのかが読み取りやすく、初めての人でも迷わず読み進められます。
交互配置が生むリズム
色面と写真を交互に置く手法は、視線の流れをコントロールしながらページに軽快なテンポを与えます。特にネイビーの面が挟まることで画面が引き締まり、写真の柔らかさとの対比が生まれ、全体として落ち着きと動きのバランスがとれた印象になっています。
UI/UXとユーザーへの配慮
画面右上にはメニューボタンが用意され、ページのどこにいても主要な項目へ移動できます。事務所紹介、取扱い領域、スタッフ紹介、相談の流れ、よくある質問、アクセス、問い合わせといった項目がそろい、知りたい情報にたどり着きやすい構成です。
よくある質問のコーナーや相談の流れを示すセクションは、初めて士業に依頼する人が抱きやすい不安に先回りして答える役割を持っています。アクセスのページでは、近鉄名古屋線の津新町駅からの経路や、美里総合支所を目印にした案内、駐車スペースの有無まで触れられており、来訪を検討する人への配慮が行き届いています。
写真選びが支える世界観
使用されている写真は、風景だけでなく、電球とドミノを組み合わせた課題解決を思わせるイメージや、オフィスの机、打ち合わせの場面など、内容に合わせて選ばれています。抽象的なイラストに頼らず実写を中心に据えることで、実際に人が対応してくれる安心感が伝わり、相談のハードルを下げる効果が生まれています。
掲載されている事務所の特徴
行政書士竹田智貴事務所は、株式会社農クラフトラボと連携しながら、相続手続きや不動産相談、農地手続きや農業支援、ドローン散布などの実務支援を手がけています。代表の竹田智貴様が市役所で28年にわたり培った行政の知見を土台に、手続きの入り口から出口までを見据えて相談に対応する姿勢が、サイトの各所で語られています。
トップページでは詳細を語りすぎず、下層ページへ誘導する構成をとることで、知りたい人が必要な情報へ自分のペースでたどり着けるようになっています。事務所の所在地は三重県津市美里町高座原で、地域に密着した相談先としての位置づけが伝わります。
まとめ：津市の士業サイトとして参考にしたいデザイン
行政書士竹田智貴事務所のサイトは、ネイビーを基調とした配色、自然の風景を生かした実写、縦書きのキャッチコピー、英字ラベルと日本語見出しを組み合わせたセクション設計、左右交互の非対称レイアウトなど、士業サイトで信頼感と分かりやすさを両立させるヒントが詰まった一例です。装飾を抑えつつ、写真と余白で印象を作る手法は、落ち着いた雰囲気を求めるコーポレートサイトの参考になります。
相続に向けた準備として、遺言書の作成を検討される方もいらっしゃいます。行政書士は、こうした相続や遺言にまつわる書類の作成をサポートする身近な相談先の一つです。デザインだけでなく、掲載されている情報や相談の流れもあわせて確認したい方は、実際のサイトをご覧になってみてください。
