ワイヤーDL柳生質舗
店頭で笑顔で応対するスタッフの写真と、明朝体の「時代に、人に、よりそう質屋」で、入りにくさを和らげる。
webcan analyze esk-kumamoto.jp
PROFESSIONAL SERVICES · 熊本県 · PICKED 2026.10.17
税理士法人 ESK熊本士業・金融のホームページデザイン参考 — 集合写真・ブルー・電話番号の固定
出典：esk-kumamoto.jp ↗確認日 2026.10.17
EDITOR'S NOTE編集部の視点
スタッフ全員の写真と、画面下に固定した電話番号で「相談しやすい事務所」を見せる。
熊本市の税理士法人のサイト。ファーストビューはスタッフ全員の集合写真に英字のコピーを重ね、下にロゴ・ナビ・電話番号をまとめた青い帯を置いている。ご挨拶・代表者紹介・事務所名の由来・会社概要・スタッフ紹介・取扱業務と続き、税理士事務所に求められる「誰が担当するのか」と「何を頼めるのか」に順番に答えている。
- 01ファーストビューに、代表だけでなくスタッフ全員の集合写真を使っている
- 02ロゴ・ナビ・電話番号（受付時間つき）を一本の青い帯にまとめ、画面の下に固定している
- 03取扱業務を、番号とアイコンつきのカードで6つに整理している
CONVERSION集客の工夫
✓電話番号をヘッダーに常設PC・ファーストビュー
✓タップで電話できるSP・tel:リンク 1か所
✓SPの追従ボタンSP・画面下に固定
✓予約・問い合わせ導線お問い合わせ
－LINEで相談・予約LINE公式アカウント
－営業・診療時間の明記トップページ内
電話番号と受付時間を常に見せる
電話番号と「平日 9:00〜17:00」の受付時間を含む帯を、PC・スマホとも画面下に固定している。PCでは丸い「お問い合わせ」ボタンも添え、どこまで読んでも相談の入口が目に入る。
担当する人を顔写真で見せる
ファーストビューの集合写真に加え、代表者紹介では経歴を年表で示し、スタッフ紹介では全員を顔写真と役職で並べている。税務の相談は長い付き合いになるため、事前に人が分かることが依頼の後押しになる。
業務をアイコンと番号で整理する
税務支援・会計支援・相続/事業承継支援など6つの業務を、番号とアイコンつきのカードで並べている。専門用語に慣れていない経営者でも、自分の相談がどれに当たるかを見つけやすい。
チェック項目は 2026.10.17 に実ブラウザで描画したトップページを自動判定したものです。
COLOR配色
#EAEFF8背景 · ペールブルー
#2743AAブランドカラー（固定の帯・アイコン） · ブルー
#253A83濃色 · ネイビー
#3157C5差し色（番号・見出し）
#1D1D1F本文テキスト
#D9D9D9区切り・背景
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
TYPOGRAPHYフォント
- 用途
- 和文見出し・本文
- 使用フォント
- FP-こぶりなゴシック（FONTPLUS）
- 無料で近いもの
- Zen Kaku Gothic New
- 用途
- 英字（コピー）
- 使用フォント
- Avenir Next
- 無料で近いもの
- Nunito Sans
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h3 | 20px / 700 | 1.40 | 20px / 700 |
| 本文（p） | 18px / 400 | 1.40 | 18px / 400 |
| ボタン | 10px / 400 | 1.50 | 10px / 400 |
実測値（PC 1440px・SP 375px、2026.10.17 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
STRUCTUREページ構成（上から順に）
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
フッター
フッター／店舗情報＋ナビ型
DOWNLOADワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、WEBCANのワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
REPRODUCEこのサイトを参考にするときのポイント
- 01代表1人ではなく、スタッフ全員の写真で「チームで対応する事務所」を見せる
- 02電話番号と受付時間を、画面の下に固定した帯にまとめる
- 03業務内容は番号とアイコンで整理し、それぞれ一言で何をするかを書く
- 04代表の経歴は年表にして、事実で信頼を伝える
FAQよくある質問
ESK熊本のサイトで使われているフォントは？
和文は FONTPLUS の FP-こぶりなゴシック、英字のコピーは Avenir Next です。無料で近づけるなら、和文に Zen Kaku Gothic New、英字に Nunito Sans が使えます。
士業のサイトで、スタッフ全員の写真を出すべきですか？
出せるなら効果は大きいです。相談者は「どんな人が担当するのか」を気にしています。全員が難しい場合も、代表と担当者の顔写真と経歴は載せておくと安心につながります。
どんな業種の参考になりますか？
税理士・社労士・行政書士・司法書士などの士業事務所のほか、保険代理店や不動産会社など、担当者との信頼関係で選ばれる業種に応用できます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利は税理士法人 ESK熊本および各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成をWEBCANの部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。
MOREほかの士業・金融の参考サイト
ワイヤーDLFROM REFERENCE TO YOUR SITE
このテイストで、
御社の事務所サイトを。
「税理士法人 ESK熊本のような構成で」とお伝えいただくだけで構いません。無料相談で御社の現状サイトを拝見し、地域と業種に合わせた構成案をお持ちします。
無料相談はこちら