「同業他社のサイトを見てください」と言われて、なんとなく似ているなと感じたことはないでしょうか。
医療機関のサイトは青系が多い。士業のサイトは紺色で堅い。飲食店のサイトは写真が大きい。これは偶然ではありません。業種ごとに、来訪者が置かれている状況と、判断に必要な情報が違うからです。
この記事では、主要な業種ごとにデザインのセオリーがどう変わるのか、そしてその背景にある理由を整理します。傾向をなぞるためではなく、自社がその傾向に乗るか、あえて外すかを判断するための材料として読んでください。
業種ごとの違いを生む3つの変数
個別の業種に入る前に、何が違いを生んでいるのかを整理しておきます。ほぼこの3つで説明がつきます。
1. 来訪者の心理状態：不安を抱えて来るのか、楽しみで来るのか、義務で来るのか。医療機関に来る人と、旅行サイトに来る人では、求めるものがまるで違います。
2. 判断に必要な情報の量：服を買うなら写真でほぼ判断できます。住宅を建てるなら、価格・工法・保証・実績・担当者と、膨大な情報が要ります。情報量が多い業種ほど、デザインは「読ませる」方向に寄ります。
3. 意思決定までの時間：その場で決まるのか、数か月かかるのか。即決の業種はボタンを目立たせ、長期検討の業種は資料請求や比較コンテンツを用意します。
医療・ヘルスケア
来訪者の状態：不安。症状を抱えている、あるいは家族の心配をしている。
- 寒色系（青・緑）で清潔感と冷静さを出す
- 診療時間・休診日・アクセスを最上部に置く
- 院長の顔写真と経歴を必ず載せる
- 専門用語には説明を添える
医療機関のサイトで最も見られるのは、実は「診療時間」と「地図」です。デザインの美しさより、探している情報にすぐ届くことが優先されます。トップページの一等地を院長挨拶で埋めてしまうと、来訪者の目的と噛み合いません。
外すケース：小児科・産科・審美系は暖色やピンクが選ばれます。来訪者が「不安」ではなく「日常の安心」や「期待」を持って来るためです。同じ医療でも、心理状態が違えば正解が変わる好例です。
士業・金融
来訪者の状態：慎重。失敗できない判断をしようとしている。
- 紺・濃いグレー・深緑など、彩度を落とした重い色
- 明朝体を使うことが多い（信頼感と伝統の記号として）
- 資格・所属・実績年数を明示する
- 料金体系を隠さない
この業種で最も嫌われるのは「軽さ」です。動きの多い演出やポップな配色は、それだけで検討対象から外れることがあります。
一方で、近年はあえて崩す事例も増えています。若い層や新しい業態を狙う場合、堅すぎる見た目は「相談しづらい」印象を生むためです。ただしこれは、堅い相場を理解したうえで意図的に外す判断であり、なんとなく明るくするのとは別物です。
EC・通販
来訪者の状態：比較検討中。他店とも見比べている。
- 商品写真が主役。UI側の色は徹底的に抑える
- 価格・送料・配送日を早い段階で明示
- カートボタンは常に見える位置に
- レビューと在庫状況を近くに置く
ECで最も重要なのは、離脱ポイントを潰すことです。送料が最後まで分からない、在庫があるか分からない、返品条件が探しても出てこない。こうした「分からない」がひとつあるだけで、人は他店に移ります。デザインの巧拙より、情報の欠落のほうが売上に効きます。
飲食
来訪者の状態：期待。行くかどうかを雰囲気で決めようとしている。
- 料理と店内の写真が主役。UIの色は背景に徹する
- 営業時間・定休日・席数・予約手段を上部に
- メニューと価格はPDFではなくWebページで
- 予約ボタンは画面下部に固定
飲食店のサイトで最も多い失敗は、写真の質が低いことです。デザインにいくら費用をかけても、料理の写真が暗ければ行きたくなりません。逆に、写真さえ良ければシンプルな構成で十分に機能します。予算が限られている場合、デザインより撮影に配分するのが正解になりやすい業種です。
建設・住宅・不動産
来訪者の状態：長期検討。数か月から数年かけて情報を集めている。
- 素材の質感に合わせた配色（木・コンクリート・鉄）
- 施工事例が最重要コンテンツ。数と検索性がものを言う
- 価格帯・対応エリア・工期を明示
- スタッフの顔と人柄を出す
この業種は、サイトに滞在する時間が長いのが特徴です。施工事例を何十件も見比べます。だから事例ページの作りが成果を左右します。また、検討期間が長いため、再訪の導線が重要になります。1回の訪問で決まらない前提の設計が要ります。
採用サイト
来訪者の状態：不安と期待が半々。入ってから後悔したくない。
- 社員の顔と声が主役。経営者のメッセージだけでは足りない
- 待遇・勤務地・選考フローを隠さない
- 1日の流れ、職場の写真、実際の会話が伝わるもの
- 応募ボタンより先に「話を聞いてみる」の選択肢
採用サイトで最も効くのは、具体性です。「風通しの良い職場」は何も伝えません。「毎週水曜は全員定時退社」のほうが100倍伝わります。写真も同じで、素材写真の笑顔より、実際の社員の少しぎこちない写真のほうが信用されます。
SaaS・IT
来訪者の状態：機能と価格を比較中。決裁者と現場で見る人が違う。
- 何ができるサービスかを1行で言い切る
- 管理画面のスクリーンショットを見せる
- 料金プランを表で比較できるようにする
- 導入事例は業種と規模で絞り込めるように
TEHON で最も掲載数が多いのがこの分類（57件）です。理由は、この業種がWebサイトそのものが営業の主戦場だからです。展示会も飛び込み営業もなく、サイトで理解されなければ商談が始まりません。だからサイトへの投資が大きく、参考になる事例が多い。
他業種の方にも、この分類は見ておく価値があります。情報を整理して伝える技術が、どの業種よりも磨かれているためです。
傾向を「外す」判断をどうするか
ここまで業種ごとの傾向を挙げてきましたが、傾向に乗ることが常に正解ではありません。同業他社と同じ見た目にすれば、選ぶ理由が価格しか残らないからです。外すかどうかの判断基準は、次の2つです。
1. 外す理由が説明できるか：「若い層を狙うから」「他社が全部堅いので、あえて相談しやすさを出す」といった理由があるなら外して構いません。「なんとなく飽きたから」では失敗します。
2. 外すのは1点だけにする：配色も構成もトーンも全部外すと、業種のサイトに見えなくなります。歯科医院のサイトが歯科医院に見えないのは、それ自体が損失です。外すのは1点、残りは相場に合わせる。これが安全なやり方です。
TEHON での探し方
TEHON では掲載サイトを業種で絞り込めます。おすすめの見方は次の順です。
- 自社と同じ業種で絞り込み、共通点を探す（これが相場）
- 同じ業種の中で、明らかに違う1件を探す（これが外し方の実例）
- 別業種で、自社と同じ「目的」のサイトを見る（構成の発想が広がる）
3番目が意外と効きます。業種は違っても目的が同じなら、構成の考え方は流用できます。参考デザインギャラリーから、業種と目的を掛け合わせて絞り込んでみてください。
まとめ
- 業種の違いは、来訪者の心理・必要な情報量・検討期間の3つで説明できる
- 医療は情報への到達速度、ECは離脱ポイントの排除、飲食は写真の質が最優先
- 建設・住宅は再訪の導線、採用は具体性、SaaSは情報整理の技術
- 傾向を外すなら、理由を説明できる範囲で、1点だけ
業種の相場を知ることは、真似するためではなく、どこで差をつけるかを決めるために必要です。
マザーハンズでは、歯科医院・美容・葬祭・不動産・建設・ECなど幅広い業種のWebサイト制作と集客支援を行っています。業種特有のご相談はお問い合わせよりどうぞ。