動物医療センター
みなと総合動物医療センター
見立ての精度で、迷わせない。
架空ブランドを立てて制作したデザインデモです(2026-07-02 公開)。
実際のサイトを見る 別タブで開きます
横浜・みなとの高度動物医療センター。16列CT・1.5テスラMRIによる画像診断と専門科連携で、一次診療から二次診療・手術までを一つの判断でつなぎます。救急トリアージ対応。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト みなと総合動物医療センター — CT・MRI・専門科連携で一次から二次診療まで迷わせない高度動物医療センター。入口は『救急』『専門検査』『予防・継続』の症状/目的別で、各導線の中で本院(高度検査・手術)と分院(日常・継続ケア)を役割差ごと提示する
- スタイル
- 高度動物医療センター・判断精度で語る臨床トーン・症状起点IA
- レイアウト
- 症状/目的別入口を最上段に置き、その導線内で本院=高度検査・手術/分院=日常・継続ケアの役割差を比較モジュールで見せてから最適拠点へ振り分ける(マップは補助に後退)
- タイポグラフィ
- 和文ゴシック主体。見出しは高コントラストで詰めた大見出し、検査値・担当名・時刻は等幅数字(tabular-nums)で精密感を担保
- モーション
- 細線グリッドと診療フロー図が scroll で段階的に描画される抑制されたライン系アニメ。本日の診療状況はサマリーのみ即表示し、詳細担当表は固定ユーティリティ導線から展開(誇張なし・prefers-reduced-motion で全停止)
- 配色
- 青×白の清潔ベースに、深い紺と精密グレーの細線で『判断精度』を表現。橙は温度演出としてではなく、緊急/一次受付など機能ラベルのみに限定使用しトーンの揺れを断つ
- 狙い
- 『何を任せられる病院か』を一文で言い切るヒーロー直下に本日の診療状況サマリーだけを置き、症状起点の導線内で本院/分院の設備・対象症例・対応速度を比較させる、記号的『安心』でなく判断精度で選ばせる情報設計
- 設計の勘所
- ファーストビューは強みの一文言い切り+本日の診療状況サマリーに絞り、症状/目的別入口の中で多拠点の役割差(設備・対象症例・対応速度)を比較させてから拠点を選ばせる、ニーズ起点の分岐IA
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。