合同会社みんなちがってみんないい

HomeServiceホームページ制作実績

Works — Clinic

こもれび内科・
こどもクリニック

家族みんなの、いちばん身近な診察室。アーチ形に切り抜いた写真と丸みのある文字で、あたたかいけれど子どもっぽくしない、家族で通うかかりつけ医のサイトをつくりました。

Industry
内科・小児科クリニック
Scope
トップページのデザイン・コーディング(PC・スマホ対応)
Type
自主制作

パソコンの画面(1920×1080)で、トップページを上から下までスクロールした様子です。

Design Pointsデザインのポイント

  • Point 01

    あたたかいのに、子どもっぽくしない

    丸みのある書体とアーチ形の写真でやわらかさを出しつつ、色は深い緑と生成りに絞りました。お子さまの保護者にも、大人の患者さんにも頼れる印象を残すためです。

  • Point 02

    「今日、開いてる?」にすぐ答える

    ファーストビューに「本日の診療」カードを置き、見ている曜日と時間に合わせて午前・午後の受付状況を表示します。電話番号とWEB予約ボタンは、ヘッダーに常に出しています。

  • Point 03

    初めての方の不安を先回り

    「はじめての方へ」に受付の流れや持ちものをまとめ、よくある質問、アクセスへと順番に案内します。初めて受診する前に知りたいことが、上から読むだけでそろいます。

  • Point 04

    医療広告ガイドラインに配慮

    体験談やビフォーアフター写真、「最新」「最高」といった表現は使っていません。医療機関のサイトで守るべきルールの中で、雰囲気と分かりやすさを出しています。

Design System色・文字・構成

カラー
#FBFAF6背景(生成り)#E6EEE3淡い緑#3E7D5Aメイン(深緑)#F2C14Eアクセント(陽だまりの黄)#2A3330文字
フォント
Zen Maru Gothic(見出し)/Noto Sans JP(本文)/Fraunces Italic(英字のあしらい)
ページの構成
  • ファーストビュー
  • お知らせ
  • 診療案内
  • 院長あいさつ
  • 診療時間・予約
  • はじめての方へ
  • 院内のご案内
  • よくある質問
  • アクセス
動き
木漏れ日のような光が写真の上をゆっくり流れ、要素はふわっと現れます。動きはやさしく、ゆっくりにそろえています。

※自主制作:架空の店舗を想定して、当社が制作したオリジナルデザインです。店舗名は架空のもので、住所・電話番号は仮の表記です。写真はイメージです(Unsplashの写真を使用)。

記事URLをコピーしました