選ばれる理由が「安さ」にならないようにします。
同じ業種でも、事業の性格によって出すべき印象は変わります。方向の違う案を並べているので、近いものをお選びください。
定番の白＋紺に乗り、イラストを外して差をつくる
税理士サイトで最も多い配色にあえて乗ったうえで、この業種で最も多用されるイラストを一切使いませんでした。角丸も使わず、直角と細い罫線で帳票のような硬さを出しています。「豊富な経験」とは書かず、創業32年・顧問先186社という数字に翻訳しました。
急いでいるが、急かされたくない人に向けて
士業サイトでほぼ見ない生成りと臙脂で組みました。青系は一切使っていません。見出しは明朝、行間は広め。相続という状況に合わせて、急かさない見え方を優先しています。「親身な対応」を見出しに使いつつ、その言葉が空虚にならないよう中身で受けました。
緊急性を、配色と行間で出す
士業サイトにほぼ存在しない白＋黒＋黄で組みました。黄は警告色として、注意喚起の箇所にだけ使っています。行間を1.8まで詰め、見出しは900の極太。02の相続サイトとは真逆に、落ち着きより即応を優先した設計です。
士業に見えないこと自体を、狙う
黒地にライムを1色だけ差し、欧文主体で組みました。ここまでの士業3件はすべて明るい地だったので、地の色から変えています。この1件だけ、定番の安心記号（無料相談・親身な対応）を意図的に入れていません。
扱うのは「期限」ではなく「金額」
LPのビジュアル訴求を改めて調査し、金額そのものをファーストビューの主役に据えました。平均受給額を大きな数字と分布の目盛りで図にし、実績はバッジで置いています。色は濃緑・橙・白の3色から増やしていません。
作り方の土台は全業種で共通ですが、優先順位は業種で変わります。税理士・社労士事務所の場合、次の3点を設計の初めに決めます。
「親身な対応」「豊富な経験」はどの事務所も書いています。業種・規模・課題を絞って書いたほうが、問い合わせの質が上がります。
士業サイトで最も見られるのは料金ページです。ここが「要お問い合わせ」だけだと離脱します。範囲と条件つきで構いません。
扱う情報が重いほど、誰が担当するかが判断材料になります。E-E-A-T（専門性・権威性・信頼性）の観点でも、記事に監修者名を明記します。
掲載しているデザイン事例は、Atelier Iroha が自社で制作したサンプルサイトです。
料金を公開するかどうかは、公開の是非ではなく粒度の問題です。2軸の表・下限と条件・想定ケースの3つから業務に合うものを選び、含まれない費用を同じ画面に置けば、実態と離れずに書けます。
士業のサイトで相談が増えないとき、足りないのは実績や資格の説明ではなく、相談前の不安を消す情報です。料金・対応範囲・初回相談の手順という3点の書き方と、置く順番を説明します。
士業のホームページで相談が増えないのは、扱える範囲を広く書きすぎて相談者の判断材料になっていないためです。前に出す分野を3つに絞り、料金の桁を示し、誰が対応するかを見せる。直す順番まで説明します。
見どころ