森本善久税理士事務所の公式サイトは、士業らしい落ち着いた信頼感と、数字を軸にした前向きな姿勢をひとつの画面で両立させたデザインに仕上がっています。抑えたゴールドを基調に、ファーストビューではデータを思わせるブルーを大きく配し、堅実さと成長への意欲を同時に感じさせます。ここでは、このサイトの配色設計や情報構成、視線誘導の工夫を、Webデザインの見本として読み解いていきます。
ファーストビューが描く「数字で加速する」世界観
トップに開くファーストビューは、青みがかったブルーの背景に無数の数字が散りばめられ、上向きの矢印を指でなぞるようなビジュアルが据えられています。会計や税務を扱う事務所であることを、言葉よりも先に視覚で伝える構図になっています。
画面左には縦書きの明朝体でメインコピーが置かれ、「創業時の志を、戦略的な数字で加速させる。」という一文が大きく展開します。縦書きと明朝体の組み合わせが、士業ならではの品格と日本語の美しさを引き出しています。
右下にはゴールドの二つのボタンが並び、相談窓口と問い合わせフォームへの入口がひと目でわかるように配置されています。冷たさのあるブルーの世界に温かみのあるゴールドが差し込むことで、視線が自然と行動導線へ向かう設計です。
信頼を語るゴールドと知性を映すブルーの配色
このサイトの配色は、大きく二つの色が主役を担っています。全体を貫くゴールド系のベージュと、ファーストビューに広がるブルーです。両者の役割を分けて読み解くと、デザインの狙いが見えてきます。
基調となるゴールドがつくる格式
ABOUTやSUPPORT、STAFFといった各セクションの見出しブロックには、深みのあるゴールドが繰り返し使われています。落ち着いたトーンのゴールドは、成熟した専門性や資産にまつわる安心感と相性がよく、税務や相続を扱う事務所の性格をよく表しています。
白い余白の中にゴールドの面を点在させることで、画面が重くなりすぎず、上品なリズムが生まれています。使う色数を絞り込んでいる点も、まとまりのある印象につながっています。
アクセントのブルーが添える知性
ファーストビューのブルーは、数字やデータを連想させる冷静さを担っています。ゴールドが人としての温かみや信頼を表すのに対し、ブルーは論理性や戦略性を象徴し、二色の対比が「伴走しながら数字で導く」という事務所の姿勢を色で語っています。
役割で整理された情報設計とセクション構成
ページ全体は、当事務所についてのABOUT、取扱い領域のSUPPORT、代表紹介のSTAFF、相談の流れを示すFLOW、よくある質問のFAQ、そしてコンテンツへと、読者が知りたい順に並んでいます。英語のセクションラベルと日本語の見出しを併記することで、各ブロックの役割が直感的に伝わります。
取扱い領域を三枚のカードで見せる
SUPPORTのセクションでは、法人税務顧問、相続・事業承継、個人投資家支援という三つの領域が、それぞれ一枚のカードとして並べられています。CORPORATE、INHERITANCE、PERSONALという英字ラベルと番号があしらわれ、扱う分野の広さが整然と伝わります。
各カードは写真の上にゴールドの半透明レイヤーを重ね、文字の読みやすさを保ちながら統一感を出しています。三本柱を対等に見せることで、どの相談から入っても受け止めてもらえる安心感が生まれています。
写真とカラーブロックの交互配置
ABOUTやSTAFF、FLOWのセクションでは、人物や事務所の写真と、ゴールドのカラーブロックを左右で組み合わせるレイアウトが繰り返されます。笑顔の人物写真や打ち合わせの様子が、伴走型を掲げる事務所の親しみやすさを補強しています。
写真の面とカラーの面を交互に入れ替えることで、スクロールしても単調にならず、視線がリズムよく下へ導かれていきます。
迷わせない視線誘導とUI・導線の設計
各セクションには「詳しくはこちら」というテキストリンクが矢印とともに添えられ、次に読むべき先が明確に示されています。控えめな装飾ながら、行動のきっかけをさりげなく置く配慮が感じられます。
ファーストビューのボタンに加え、ページ下部にもメールでの相談を促す問い合わせフォームの入口が用意され、24時間受付である旨が添えられています。読み進めた読者がどの位置からでも連絡に移れるよう、導線が要所に配置されています。
画面右上にはメニューを開くアイコンが置かれ、フッターにはホームから問い合わせまでの主要ページが一覧化されています。上部と下部の双方からサイト内を回遊できる構造が、迷いの少ない閲覧体験を支えています。
余白とタイポグラフィが生む落ち着き
全体を通して余白がたっぷりと取られ、要素同士がぶつからないゆとりある紙面になっています。情報を詰め込みすぎないこの間の取り方が、じっくり相談したくなる落ち着いた空気を作っています。
縦書きの明朝体で見せるコピーと、本文やラベルに使われる読みやすいサンセリフ体を役割ごとに使い分けている点も特徴です。書体の対比が、伝統的な信頼感と現代的な明快さの両方を届けています。
下部のコンテンツ欄にはスタッフブログへの入口も設けられ、事務所の発信を継続的に届けようとする姿勢がうかがえます。
森本善久税理士事務所のサイトに学ぶデザインのまとめ
森本善久税理士事務所の公式サイトは、ゴールドとブルーの対比で信頼と成長を語り、役割で整理されたセクション構成と余白の効いたレイアウトで、士業サイトのお手本といえる完成度に仕上がっています。縦書きの明朝体コピーや三枚のカード表現など、細部まで一貫したトーンで設計されている点が印象的です。
兵庫県芦屋市に事務所を構える森本善久税理士事務所が運営するこのサイトは、専門性の高い分野をやわらかく伝えたい方にとって参考になるはずです。記帳代行のご依頼をはじめ税務の相談を考えている方は、森本善久税理士事務所の公式サイトへアクセスし、実際のデザインや事務所の雰囲気を確かめてみてください。







