ヒカルデザインのヒカルです。今回、歯科医院のWEBデザイン参考サイトを34サイト集めましたので、ご紹介したいと思います。以下のリンクより、参考サイトで確認することも出来ますので、是非ご活用ください。
参考サイトタイトル:歯科|WEBデザインの参考サイト|ヒカルドライブ
参考サイトURL:https://drive.hikaru.tv/category/industry/dentistry
なお、動画での解説も行っておりますので、お時間のある方は以下のリンクよりご覧いただけますと幸いです。
再生リスト名:歯科医院の参考サイト探してみた
再生リストURL:https://www.youtube.com/playlist?list=PLEbaA1G8t7OjSIOTxJmz4ppe-lYvjgM9l
歯科医院の参考サイト一覧
まずは34サイトを一覧でご紹介させて頂きます。記事の最後に今回のまとめもご用意しておりますので、お時間のある方は是非御覧ください。
1.アライン クチュール デンタルオフィス
スッキリシンプルな印象且つ、クリニック内の白で統一された高級感のある印象をデザインで表現しています。
サイトURL:http://align-cdo.com/
2.MOTO矯正歯科
白と青を使い、文字のジャンプ率を低めに抑え、清潔感と信頼感を印象付けています。
サイトURL:http://moto-od.jp/
3.いのうえ歯科・矯正歯科
スタッフの顔が見えることで、安心感につながり、矯正歯科にマッチしたキャッチコピーが冴えている優しいデザインです。
サイトURL:http://inoue-shika.org/
4.よねしま歯科・矯正歯科
奥歯を真上から見た矩形を使ったキャラクターや画像の切り抜きで、ひと目で歯科医院のサイトだと認識できます。
サイトURL:http://yoneshima-shika.com/
5.マリモ歯科・矯正
イラストを駆使して、クリニックの外観や治療器具などを柔らかい印象で表現しています。
サイトURL:https://marimo-dental.com/marimoconcept/
6.矯正歯科egao
仕組みを表現した様々な矩形やアイコンを散りばめて、子供でも安心して通院できる印象に仕上げています。
サイトURL:http://egao-kyousei-sapporo.com/
7.岡崎エルエル歯科・矯正歯科
女性をターゲットとしてデザインやコンテンツをまとめています。
サイトURL:http://okazaki-kyosei.com/
8.つばさ歯科・矯正歯科
素晴らしいイラスト、女性だけの歯科と安心感がとても良く伝わってきます。
サイトURL:http://tsubasa-kyousei.com/
9.ソライロ歯科クリニック
1ページ、1コンテンツで、紙芝居の様に、クリニックのコンセプトを伝えています。
サイトURL:http://solairo-dentalclinic.com/
10.ひなた歯科クリニック
GIFアニメなどイラストレーションでクリニックの雰囲気を優しく伝えています。
サイトURL:http://hinata-dental.net/
11.ペエ歯科クリニック
奥歯を斜め上から見たアングルの矩形が印象的で、他の歯科医院とのビジュアルの差別が行われています。
サイトURL:http://pae-dc.com/
12.白山歯科クリニック
患者に寄り添った診療・治療をしてくれる期待感が演出されています。
サイトURL:http://hakusan-dental.com/
13.そうあいデンタルクリニック
カフェのように身近で安心感のあるクリニックの印象を表現しています。
サイトURL:http://so-ai.jp/
14.アルファデンタルオフィス
ページ一枚構成でアットホームな雰囲気を表現しています。
サイトURL:http://www.alfadental.jp/
15.栃内歯科医院
地域密着型の長く続いてきた信頼を表現しています。
サイトURL:http://tochinai-dental.com/
16.ヨリタ歯科クリニック
充実したクリニックのサービスを、スタンダードなコンテンツのまとめ方で伝えています。
サイトURL:http://www.yorita.jp/
17.歯科・エメラルド茅ヶ崎
茅ヶ崎の海の雰囲気を伝えるイラストが充実しています。
サイトURL:http://emerald-shika.jp/
18.ハルイロ歯科クリニック
ページ一枚のシンプルな構成に、文字のジャンプ率を低めにし、清潔感のある印象に仕上げています。
サイトURL:http://haru-iro.com/
19.クルミ歯科
母親の様な柔らかいイメージをイラストやフォントで表現しています。
サイトURL:http://kurumi-choukiantei.com/
20.新田歯科
写真を大きく使ってクリニックの印象を効果的に伝えています。
サイトURL:http://2tta.com/
21.しだみ歯科
デザインテイストの統一感が素晴らしく、ひとつひとつディテールまでしっかり作られています。
サイトURL:http://shidami-dc.com/
22.新光歯科クリニック
コポレートカラーを白ベースで効果的に使い、院内、外のイメージをスライダーで表現しています。
サイトURL:http://nikko-dental.com/
23.かわべ歯科クリニック
コンテンツもデザインもすっきりシンプルにまとめて、ユーザーに必要な情報を厳選して伝えています。
サイトURL:http://kawabe-dental.clinic/
24.石田歯科
レトロな雰囲気で優しく柔らかい印象を演出しています。
サイトURL:http://ishida-dentalclinic.com/
25.いなぐま歯科
親しみやすい印象を、カラフルな配色や、丸みを帯びた矩形をうまく活用して表現しています。
サイトURL:http://inagumashika.com/
26.なかむら歯科
柔らかくカワイイ印象で子供でも安心して来院できる印象が素敵です。
サイトURL:http://dental-nakamura.net/
27.渡辺歯科医院
サイトの各所に動物のイラストを散りばめて、子供でも安心して来院できる印象です。
サイトURL:http://watanabe-do.net/
28.なんば歯科医院
院長先生を多く取り上げることで、アットホームな雰囲気を表現しています。
サイトURL:https://dental-namba.com/
29.にこにこ小児歯科
メインビジュアルのイラストのインパクトで一度見たら忘れられない印象です。
サイトURL:http://2525shika.com/
30.アルファデンタルオフィス小児歯科
自由なレイアウトで小児歯科に通う子供らしさを演出している。
サイトURL:http://www.alfakids.jp/
31.きらめきデンタルランド
複数の事業の内容をスタンダードな構成に落とし込んで、ユーザーにわかりやすいように表現しています。
サイトURL:http://kirameki-dental-land.jp/
32.やまもと小児歯科・矯正歯科クリニック
キャッチコピーに地域名を入れることで、検索してやってきたユーザーとサイトのマッチングができています。
サイトURL:http://yamamoto-shika.com/
33.横浜ゆうみらい小児歯科・矯正歯科
横浜を表現したアニメーションで、地域に根ざした印象を表現しています。
サイトURL:http://yuumirai.com/
34.にしお歯科・小児歯科医院
コーポレートカラーを背景色で大胆に使って、クリニックの印象を強くアピールしています。
サイトURL:https://www.nishio-dc.com/
ユーザーについて
いかがでしたか?私の印象では、イラストを使ったポップなデザインが多く感じました。
さて、歯科医院のホームページを閲覧するユーザーについてですが、以下のような方が該当するかと思います。
■お客様
・患者(虫歯・歯が痛む・銀歯が取れた)
・子供の親(虫歯で痛がっている・歯の矯正)
・歯科検診の予約(メンテナンス)
■営業
・薬品の販売業者
・ドリルのメーカー
■採用
・歯科医、歯科助手
・受付のスタッフ
コンテンツについて
続いて、歯科医院に共通しているコンテンツについてですが、以下のような結果になりました。
■コンバージョン
・営業カレンダー(週間)
・営業カレンダー(月間)
・クリニック情報(住所+電話番号)
・アクセスマップ
・インドアビュー(Googleストリートビュー)
・お問い合わせ
・採用情報
■アピールコンテンツ
・3つの特徴(4つ、6つ)(約束、配慮、やさしさ)
・コンセプト
・メッセージ
■来院の前に知りたい内容
・ご利用案内
・よくあるご質問
・治療の流れ
■治療・診療の案内
・診療案内
・サービス
・訪問歯科
・院内紹介
・施設設備
■院長・スタッフ紹介
・院長紹介
・スタッフ紹介
■更新情報
・お知らせ
・ブログ(スタッフ、代表)
・SNS
■その他
・フォトギャラリー
・デザイナーのメッセージ
・ロゴについて
上記の項目の中で、営業カレンダーやクリニック情報を同一箇所にまとめて配置するサイトが多く見受けられました。場所を知りたいユーザーは営業時間も知りたいので、クリニックの基本情報はまとめて配置するのが良さそうです。
メインビジュアルとキャッチコピーについて
最後に、印象的で記憶に残ったメインビジュアルとキャッチコピーをまとめてご紹介しておきます。
■スタンダードパターン
・ロゴマークを大きく配置
・院内+院外+治療の様子
■キャッチコピーの伝わるパターン
キーワード①:笑顔
キーワード②:生涯のパートナー
キーワード③:地域名
■いのうえ歯科・矯正歯科
「おいしく食べる。こころから笑う。えがおを創る。治療の先を見据えて私たちは治療を行います。」
画像:治療している写真
■よねしま歯科・矯正歯科
「健康な歯で、美味しく楽しい毎日。」
画像:治療の風景+クリニック
■矯正歯科egao
「えがおで暮らす。仕組みを作る。」
画像:笑顔の二人の写真
■岡崎エルエル歯科・矯正歯科
「・歯並びがキレイだと笑顔も素敵だね
・まずは無料カウンセリングで気になることを聞いてみよう
・お子さんの気になる歯並びも無理なく改善
・日曜診療、豊富な矯正実績、矯正治療費32万~」
画像:院内の写真
■つばさ歯科・矯正歯科
「先生もスタッフも、女性だけの歯医者さん。」
画像:女性三人とカワイイイラスト
■ソライロ歯科クリニック
「みんなの笑顔のためにできること。」
画像:空の写真
■ひなた歯科クリニック
「末永いお付き合いができる歯科医院を目指して」
「当院では、治療前に患者様のお話を十分に伺い安心して治療が受けられるような雰囲気作りを心掛け患者様ひとりひとり、一本一本の歯を大切に診療します。」
画像:治療のイラスト
■ペエ歯科クリニック
「あなたの健康一生サポート」
画像:院内の写真
■白山歯科クリニック
「よくうなずく歯科医院」
画像:時間帯で背景画像が変わる
■そうあいデンタルクリニック
「帰ってきたなって、心に明かりがともるような、そんなあったかい神戸の歯科医院」
画像:治療の様子
■栃内歯科医院
「前歯を見せて、大きな口で笑ってほしい。それが栃内歯科医院の願いです。5年後、10年後の笑顔を一緒に作ります。」
画像:スタッフ全員の写真
■ヨリタ歯科クリニック
「ここに来るだけで笑顔になれる歯医者さん」
「いつも笑顔で迎えてくれる歯医者さん」
「診療中でも会話がはずむ歯医者さん」
「もちろん診療もいたくない心優しい歯医者さん」
「そんな歯医者さんがあなたの近くにあればいいですね」
画像:スタッフの写真
■クルミ歯科
「あなたの生涯のパートナーに」
画像:治療の様子・治療器具
■新光歯科クリニック
「地域に根ざしたホームドクターに。」
画像:院内+院外+治療中の写真
■いなぐま歯科
「こどもたちの笑顔のために」
「あれ?「痛い」より「あったかい」」
「ぬくもり感じる歯医者さん」
画像:治療の風景
■なかむら歯科
「なかむら先生に教えてもらったらうまく磨けたよ!」
画像:先生が子供に歯磨きを教えている様子
■なんば歯科医院
「地域のかかりつけ歯科医院として、患者さんにやさしい診療を。」
画像:院内+院外+治療の様子
■にこにこ小児歯科
「全ては子どもたちの笑顔のために。」
「1998年の開業から18年、2万4千人の子どもたちの傍らに居続けられたこと。それが私達の誇りです。これからもずっと・・・。」
画像:子供の笑顔のイラスト+口が院内や治療の様子
■きらめきデンタルランド
「いっしょに成長しよう…ずっと」
画像:院内+院外
■やまもと小児歯科・矯正歯科クリニック
「岡山市北長瀬表町のこどもの育成を考えたクリニックです」
画像:こどもの写真
■にしお歯科・小児歯科医院
「笑顔のための最適な治療をご提案します。」
画像:院内の写真
まとめ
歯科医院のWEBデザイン参考サイトを34サイト集めてみましたが、いかがでしたか?
ビジュアルデザインにおいては、奥歯のモチーフを使ったり、可愛いイラストで不安を取り除いたりする工夫がみられました。どのサイトもハイクオリティーですので、是非参考にされてください。
なお、今回集めたサイトは、以下のリンク先からもご覧になれますので、どうぞよろしくお願いいたします。
参考サイトタイトル:歯科|WEBデザインの参考サイト|ヒカルドライブ
参考サイトURL:https://drive.hikaru.tv/category/industry/dentistry
なお、動画での解説も行っておりますので、お時間のある方は以下のリンクよりご覧いただけますと幸いです。
再生リスト名:歯科医院の参考サイト探してみた
再生リストURL:https://www.youtube.com/playlist?list=PLEbaA1G8t7OjSIOTxJmz4ppe-lYvjgM9l
それではまた次回の記事でお会いしましょう!