出口小児科医院 #1日1サイトレビュー
出口小児科医院
https://www.deguchi-pc.com/
ターゲット予想
大村市近隣に住む子どものいる家庭
大村市近隣の医療関係者
目的
医院の紹介および医院が進めている支援やプロジェクトの告知
オンライン予約への誘導
配色
メイン：白(#FFFFFF) サブ：赤（#992222) アクセント：薄紫（#D392B8)
気づいたこと
◆ファーストビューはビジュアルがなく、サイズいっぱいに取ったサンセリフ体英文の院名表記がメイン。一見すると小児科のサイトだとは予想がつきづらい大人っぽい印象。無駄なものがなくスキッと洗練されていて心地よい。
◆ナビゲーションメニューも文字表記と縦線だけのシンプルなつくり。文字が大きめで視認性が高い。
◆スクロールダウンすると、院内の色とりどりの画像がグリッド表示され、右から左にゆっくりと移動する。その下には子供たちがクレヨンで描いた作品コレクションがずらっと並び、ここで少し子どもらしさが加えられる。院内画像も作品コレクションも、クリックするとそれぞれ拡大表示になるから、作者の子供たちは大喜びするだろう。
◆”第７回キッズデザイン賞“を受賞されただけあって、院内の画像は色使いといい空間の取り方といい、アートギャラリーのように非常に洗練されている。このデザインを際立たせるために、あえてメインビジュアルは文字表記だけにしてメリハリをつけたのだろうか。
◆TOPページ中盤には"News"として、医院からのお知らせを掲載。アイテムを３件にとどめ続きは"MORE"表示。フォントはかなり大きめで余白をたっぷり取ってあるから、読みやすい。横線のみのグリッドも、それと平行の長めの矢印も、文字からたっぷり余白を取ることによって可読性をアップさせている。
◆このサイトで特に面白いなと思ったのが、院長挨拶とスタッフ紹介のページ。掲載画像は、小児科にちなんで、すべて幼少期の写真。写真自体にも味わいがあるし、ウィットに富んで洒落ているなと思った。紹介ページでは、先生の経歴や所属学会が詳細に記載されているが、文字列をきちんとグループ化してあるので、まとまりがよくて読みやすい。
◆診療科目は、わかりやすいようにそれぞれ円形に収めて表示。それぞれの下層ページは文字表記ベース。
◆ファーストビューに貼られた予約ボタンと中ほどのバーよりオンライン予約ができるようになっている。せっかく予約システムがあるなら、ナビゲーションメニューに埋め込んでもよかったかな、と思う。
◆TOPページの最下部は、ほっこり手描き風のイラストとパースを組み合わせた院内案内。その下には、院内写真をグリッド表示にしたギャラリー画像もあり。さすが、デザイン賞を受賞されているだけあって、見せ方がとても上手いし、デザインのひとつひとつにこだわりを感じる。
◆配色は白メイン、赤サブでアクセントに薄紫。先日レビューしたがんこクリニック様のサイトでも思ったことであるが、医院サイトに赤を配色するのは血を連想させてリスキーなのかと思ったが、ダークトーンにしてあるため、毒々しい印象はまったくない。特に今回のクリニックの場合は、医院ロゴも赤であるため、イメージがすっきりと統一されている。差別化を図るために、今後赤系統を配した医院サイトはどんどん増えていくのかもしれない。
