行政書士燈綜合事務所の公式サイトは、クリーム色の余白と明朝体、金茶のアクセントという少ない要素だけで組み立てられた、静かな印象の士業サイトです。派手な装飾や動きに頼らず、色数と書体をそろえることで、手続きに不安を抱えた人でも読み進めやすい画面をつくっています。
事務所名に使われている「燈（あかり）」というモチーフは、ロゴの円形エンブレムから見出しの色、ページ最下部の帯まで一貫して反映されています。ここでは、ファーストビューから問い合わせ導線までを、キャプチャで確認できる範囲に絞って読み解きます。
ファーストビューは色数を絞って言葉を主役にしています
このサイトの第一印象を決めているのは、大きな写真ではなく色と文字です。背景をクリーム一色で広く取り、その上に明朝体の見出しだけを置くことで、視線が言葉へまっすぐ向かうように設計されています。まずは配色と書体の扱いを順に見ていきます。
クリームと金茶に絞り込んだ配色
背景は白よりわずかに黄みを帯びたクリームで、画面全体がやわらかく見えます。見出しには金茶からオレンジに寄った明るい色を使い、本文は濃いグレーへ落としているため、要素の強さが三段階に整理されています。
彩度の高い色が使われているのは、ロゴの円形エンブレムとページ最下部の帯くらいです。使いどころを限定しているので、金茶が現れるたびに事務所の色として認識され、ブランドカラーの印象が積み上がります。
明朝体と改行位置で読ませる見出し
ファーストビューの見出しは明朝体で組まれ、三行と二行の二つのかたまりに分けて中央に置かれています。行間を広めに取り、文節の切れ目で改行しているため、長めのコピーでも息継ぎをしながら読み進められます。
見出しの中の「燈」には小さなルビが添えられ、読み方があかりであると分かるようになっています。読みが割れやすい漢字を名称に含む場合に、ルビで補うという判断は参考になります。
見出しの下には説明の段落が三つ続きます。一段落を二行前後にそろえ、段落と段落の間に余白を確保しているので、文章量があっても圧迫感が出ない組み方になっています。
ヘッダーと写真バンドがつくる回遊の導線
士業サイトでは、訪問者が知りたい情報へ最短で移動できるかどうかが読みやすさを左右します。このサイトはヘッダーのナビゲーションと、ページ上部に差し込んだ写真バンドの二段構えで、閲覧と相談の両方の入口を用意しています。
二段ロゴのヘッダーと文字だけのナビゲーション
ヘッダーの左には円形の金色エンブレムが置かれ、その右に事務所名が二段で並びます。行政書士事務所と海事代理士事務所の名称を上下に重ねているため、二種類の資格業務を同じ窓口で扱っていることが最初の視界に入ります。
右側には六つのテキストリンクが等間隔で並び、取扱業務や事務所紹介、依頼の流れ、問い合わせ、ブログといった主要なページへ直接移動できます。リンクはボタン化せず文字のままで、背景も本文と同じクリームにそろえているため、ヘッダーが主張しすぎず、下端の細い罫線だけで領域が区切られています。
写真バンドと白いカードで置かれた相談への入口
ファーストビューの直後には、ビル群と青空を写した写真が画面いっぱいに敷かれ、その中央へ白いカードが重ねられています。カードには短いメッセージと、相談の予約へ進むボタンが収められています。
ボタンは濃い茶系のベタ塗りで、クリームと白が続く画面の中では最もコントラストの強い要素です。写真の実在感とカードの静けさを組み合わせることで、スクロールの途中に区切りと行動の入口を同時につくっています。
取扱業務は同じ形のカードで比較しやすく並べています
このサイトで最も面積を割いているのが業務紹介です。写真つきのカードを規則正しく並べ、扱う分野の広さと一件ごとの内容を同時に伝える構成になっています。
三列グリッドに並ぶ写真カード
行政書士業務は六枚のカードが三列二行で並びます。どのカードも上に写真、下に業務名、その下へ二行から三行の説明という順番で統一され、業務名は金茶、説明は小さめのグレーという差がつけられています。
掲載されている業務は、相続・遺言／在留資格手続／障害福祉事業手続サポート／建設業許可・宅地建物取引業免許手続／古物商許可手続／生活保護申請手続サポートです。写真はいずれも人物や書類の実務シーンで、トリミングと明るさがそろっているため、六枚が一つの面としてまとまって見えます。
海事代理士業務も同じ体裁でそろえる
行政書士業務のカードの下には、波線で囲んだ小見出しを挟んで海事代理士業務が続きます。海技免状や小型船舶操縦免許の申請と、船舶の登記申請という二枚が、先ほどと同じ形のカードで左寄せに配置されています。
三列のグリッドに二枚だけを置いているので右側には余白が残りますが、カードの幅と位置がそろっているため崩れて見えません。同じ部品を使い回すことで、分野が変わっても読み方を覚え直さずに済む構成になっています。
代表紹介と依頼の流れで信頼感を組み立てています
誰が担当するのか、依頼するとどのように進むのかは、士業サイトを見る人が必ず確かめたい情報です。このサイトでは背景色の切り替えと連番のレイアウトを使い、二つの情報をそれぞれ違う見え方で提示しています。
背景色を変えた二分割の代表紹介
代表紹介の区画は背景がグレーがかったベージュへ切り替わり、それまでのクリームとの差でセクションの境目が伝わります。左に人物ビジュアル、右に氏名と資格、紹介文を置いた二分割のレイアウトです。
氏名は代表の山本 和輝様で、漢字の右にローマ字表記が添えられています。その下には行政書士と海事代理士、宅地建物取引士、AFPという資格が二行で示され、続く紹介文で相談への姿勢が語られています。
連番と罫線で組んだ四つのステップ
依頼の流れは、左端に大きな連番、中央にステップ名と一行の説明、右端に小さな写真を置いた横並びの行を四段重ねた形です。行と行の間には細い罫線が入り、どこまでが一つのステップなのかが視覚的に分かります。
ステップは、問い合わせと初回の相談、提案、書類の収集と作成、申請と完了後のフォローという順で示されています。二つ目では手続きの内容とスケジュールを説明したうえで契約へ進むと書かれており、依頼前の不安に配慮した並べ方になっています。
問い合わせ導線とフッターの締め方
ページの終盤は問い合わせに集約されます。連絡手段を二枚のカードに分け、その下に補足の帯を敷いてから濃い色のフッターで締めるという、上から下へ落ち着いていく流れです。
左のカードは電話での相談で、番号を大きな明朝体で見せ、その下に平日の受付時間、土日祝は事前の相談が必要である点、不在時は翌営業日以内に折り返す旨が並びます。右のカードは公式LINEアカウントで、QRコードとともに、チャットで問い合わせできることと24時間メッセージを受け付けていることが添えられています。
二枚のカードの下には、緑のチェックマークを添えた中央揃えの帯があり、土日や夜間も事前予約で対応できること、オンラインや出張での相談も受け付けていることが示されています。フッターは金色からオレンジへ流れる帯で、エンブレムと二段のロゴ、大阪市城東区鴫野西三丁目3番30号という所在地、電話とファクスの番号がまとめられています。
ページ全体でこの帯だけが濃い面になっているため、読み終わりの区切りとしても働きます。連絡先を最後に強い色で置く構成は、じっくり読んだ人をそのまま行動へつなげたい士業サイトと相性のよい締め方です。
許認可の依頼先を探す読者に向けた設計のヒント
建設業許可や福祉分野の指定申請のような許認可は、必要書類が多く、要件の確認にも手間がかかります。依頼先を探している人はまず自分の手続きを扱ってもらえるかどうかを知りたいので、業務名を並べたカード一覧は目的に合った見せ方です。
大阪のように事業者の多い地域では、申請代行の相談先を探す人が複数のサイトを見比べます。写真とテキストの位置がそろったカードは、流し読みの途中で見ても内容を拾いやすく、比較の場面で不利になりません。
また、手続きがどう進むのか分からないことが、依頼をためらう理由になりがちです。連番付きのステップを一画面にまとめておくと、初めて依頼する人でも全体像をつかみやすくなり、問い合わせまでの心理的な距離が縮まります。
まとめ：要素を減らして整えた士業サイトの見本
行政書士燈綜合事務所のサイトは、クリームと金茶に絞った配色、明朝体でそろえた文字組み、同じ形を繰り返すカードという三つの約束事で、静かで読みやすい画面を保っています。装飾を足すのではなく要素を減らして整えるという方向で信頼感を出したいときの、分かりやすい見本になります。
大阪市城東区に事務所を構え、相続や在留資格、建設業許可、障害福祉事業の手続きといった業務が一枚のトップページにまとめられています。配色や情報設計を実物で確かめたい方、あるいは福祉施設の許認可を行政書士に相談したい方は、公式サイトをご覧ください。
