見本を比較する

花粉症・アレルギー特化のクリニックで、今日の受付状況、今シーズンの対症治療、数年単位の舌下免疫療法という、時間スケールが異なる情報を1つのサイトで矛盾なく扱う必要があった。既存サンプルの「区分・並列導線」型パターンとは異なる構成を新たに設計した。

/works/hidamari-jibiinkoka-clinic/ に設計ノート

新規開業のクリニックで、初診の患者に「何を根拠に判断しているか」を示せないと信頼を得にくいという課題があった。血液検査や心電図の数値・画像をその場で見せながら説明する診察室での運用を、サイト上でも同じトーンで伝える必要があった。

/works/shiomidai-naika-clinic/ に設計ノート

保険診療の一般整形外科と、自由診療のスポーツ整形外来を併設するフラッグシップ案件。橙と緑という別の診療領域を、対立する2色としてではなく、同じ身体を診る一つのクリニックとして一体的に見せる必要があった。骨格設計より先にモックアップで配色ロジックを検討した。

/works/sou-seikei-clinic/ に設計ノート

既存のみかづき歯科（恐怖症・当日対応が訴求軸）と重ならないよう、予防・メインテナンス中心のかかりつけ医文化を打ち出す必要があった。保険診療と自由診療（矯正・ホワイトニング）の情報が読み手の中で混ざらないよう、色の与え方自体を非対称にする設計にした。

/works/soyogi-shika-clinic/ に設計ノート

保険診療（一般皮膚科）と自由診療（美容皮膚科）を同じ窓口で行う皮膚科で、2つの診療が混同されると予約・会計の運用が崩れるという課題があった。

/works/sora-hifuka-clinic/ に設計ノート

開業12年目。歯科恐怖症の患者と、子どもを通院させたい保護者という不安の種類が異なる2層の読み手に対し、「今日、当日の痛みに対応できるか」を最優先で伝える必要があった。

/works/mikazuki-dental-clinic/ に設計ノート

開業4年目、健診で「要再検査」と言われた患者と、本人に代わって家族が探すケースが多いという実情に対し、休診情報・診療時間が数スクロール読まないと分からないという課題があった。

/works/hanamizuki-naika-clinic/ に設計ノート

Today / Almanac / Horizon

今日の受付状況（Today）、12ヶ月×3段の暦盤（Almanac）、今後の選択肢への入口（Entrances）、季節を超えた治療の見取り図（Horizon）の4層で構成した。

モニター実況型ヒーロー

ヒーロー右に診察室のモニターを模した図版を常設し、検査数値を見せながら説明する運用スタイルをトップページ最上部で示した。

Baseline / Quadrant / Lanes

可動域を示すBaselineをヒーローに置き、保険・自由の二区分をQuadrantで、各診療の詳細をLanesで縦積みする構成。

各種ご案内 8枚カードグリッド

予防歯科の各カテゴリを3段（6/3/3・6/3/3・9/3）のカードグリッドで並べ、ギャラリーで院内の通いやすさを補足する構成。新レイアウトの発明はあえて見送り、既存パターンを歯科向けに丁寧に作り込む方針にした。

Rail / Gate / Spread

実務情報を左に固定した縦帯（Rail）に逃がし、本文の先頭に保険・自由の二分岐（Gate）を置いた。全幅の写真ヒーローが構造的に存在しない。

縦積み12セクション

「診療中である」ことと「当日みてもらえる」ことは歯科では一致しないため、2つを別ブロックに分け、当日対応パネルをヒーロー直下の最上位に置いた。

縦積み11セクション

ペルソナの停滞をそのまま見出しにしたセクション（健診の再検査／お薬の継続）を独立で立て、強み3点カードを置かない構成にした。

Almanac（12ヶ月×3段の暦盤）

花粉症は「今日」「今シーズン」「数年単位」という時間スケールが混在する疾患のため、暦盤を中核に据えることで、今の症状対応と将来の選択肢を同じ画面上で行き来できるようにした。色は診療科の「所属」ではなく、花粉飛散量や混雑度といった「量」を示すために使う設計にした。

モニター実況ヒーロー

「説明の見える化」というコンセプトを文章で説明するより先に、モニターに検査データが映る様子を視覚的に見せることで、初診前の患者が持つ「何を説明してもらえるのか分からない」という不安を軽減する構成にした。

レイアウト構造そのもの（上記）

橙（一般整形）と緑（スポーツ整形）を対立する2色として使うのではなく、可動域スケールの両端として連続的に扱うことで、部位ごとに専門を分けているのではなく「一つの体を二つの専門でみる」という構造を色のロジックだけで示した。

保険=色を与える／自由診療=色を与えない非対称配色

保険診療の領域にだけそよぎ色を使い、自由診療（矯正・ホワイトニング）には意図的に色を与えないことで、「保険診療中心のかかりつけ医」という位置づけを配色だけで伝えた。

レイアウト構造そのもの（上記）

保険診療と自由診療を「並列の二分岐」として構造化し、入口の時点でどちらの診療かを迷わず選べるようにした。

当日対応の繰り上げ表示

急な痛みの相談窓口を通常の診療案内より上位に繰り上げ、最も切実な問いに最短距離で答える構成にした。

常時可視の受付状況バー

「今日はやっているか」という即時判断をページ最上部に固定し、代理で探す家族にも一目で伝わる設計にした。