Haruka Kawada

Dental clinic Site

web site(自主制作)
サムネイル

「誠実」さが売りの歯医者

(架空サイトです。)
病院が大切にしているコンセプトが実際に患者さんに伝わっているかを調査し、サイトにも落とし込みました。※実際に存在する歯医者をモデルに口コミなどから調査しました。
内容
自主制作の架空サイト(TOPページのみ)
※口コミなどは実際に存在するクリニックを参考しました。
課題
新規の患者さんを獲得したい。
目的
新規の患者さんからの予約・問い合わせ
ゴール地点
新規の患者さんの定着
ターゲット
老若男女問わず、歯にお悩みの方
サイトコンセプト
誠実、安心、信頼感
制作期間
ワイヤーフレーム : 2日
デザイン : 3日
使用ツール
Photoshop / XD

情報設計

  • (01)

    追従するボタン

    「お電話」「ネット予約」はスクロールしても追従してくるため、ページ内で迷子になることなく気になればいつでもクリックすることが可能です。

  • (02)

    ファーストビューで案内を

    新規患者さんの場合は、クリニックの基本情報を知らないので、FVに不定期の休診情報などが掲載される「お知らせ」と「診療案内」を載せました。スマホ版ではヘッダーに「診察時間」のボタンを常に表示させておくことでメニューをクリックする手間を省きます。

  • (03)

    フッターに重要情報を設置

    フッターにも「診療案内」「マップ」「予約ボタン」を配置することでどのページにいても基本情報が見れる設計になっています。

デザイン

  • (01)

    誠実さを反映

    口コミから、このクリニックの安心感・信頼感は「アットホームであたたかい」のではなく「誠実さ」「手際の良さ」であることが伺えたので深めの青と四角い要素でカッチリとした印象に仕上げました。また、フォントも丸みを帯びていないNoto sans JPを使い、大きい見出しには明朝体を使用することで「誠実」「丁寧」さを出しました。

  • (02)

    写真の選定

    「丁寧に向き合う」がクリニックのコンセプトのため、医師と患者が写っている写真をFVに配置しました。また、出来るだけ患者さまにどのようなクリニックなのかの安心感を与えられるよう、診察室や施術中の写真を使用しました。

  • (03)

    ロゴ、イラストの作成

    診療内容のイラストはサイトと合わせて統一感が出るようポップにならず、メインカラーを同じ色の線のみイラストを作成しました。ロゴはコンセプトと歯の形を元に、2人の人間が寄り添っているようなものを作成しました。

PCカンプ

SPカンプ

Type:web site(自主制作)

OTHER

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design / coding

  • サムネイル

    web site

    design

  • サムネイル

    web site

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    banner

    design

  • サムネイル

    illustration

    illustration

  • サムネイル

    other

    illustration / Design