クリエイト歯科様WEBサイト

サイトについて

スクールの課題で初めて制作したWEBサイトです。予め準備されていたヒアリングシート、ワイヤーをもとに制作。

目的 /

新規のお客様の集客、既存のお客様のご予約、お知らせを周知させる

サイト制作の背景 /

既存のサイトがないため、医院の概要やお知らせを共有したい

ターゲット /

地域の人たち（老若男女）子ども対応

予約までのステップ /

診療予約をいつでもできるようにナビを固定で設置する

デザインのテイスト /

落ち着いた清潔感のある色を使用

制作範囲

デザインで
意識したところ

ライトブルーをメインカラーにして清潔感を演出。写真やボタンに角丸を使用し、メインビジュアルに親子連れの診療写真を使用することで、優しく親しみやすい印象を持たせました。
「できるだけ痛くしない～」というキャッチコピーを縦書きに配置して、訴求力をUPさせました。
セクション間や写真を曲線や円で描くことにより、柔らかいく優しい印象に。地元イラストレーターさんオリジナルのイラストを配置することで、親しみやすい雰囲気を演出しました。
予約への導線として、電話番号とWEB予約ボタンをヘッダーに入れ、いつでもお問い合わせできるように上部に固定しました。

コーディングで意識したところ

ナビゲーションやボタンに、ホバーアニメーションを付け、マウスオーバーした際にユーザーに分かり易く、操作しやすいようにしました。
あらゆるデバイスでも閲覧時レイアウトが崩れないよう、シェア率の高いタブレット、スマホサイズを意識しつつ、可変時レイアウトが崩れる部分をデベロッパーツールで検証しながら、ブレイクポイントを設定しコーディングしました。

さわだやすこ
ポートフォリオ