[自主制作]架空歯科クリニックのHP(TOPページのみ)

＜テーマ＞ 

スマイル架空歯科クリニック

定期検診を促進するため、web予約を導入して予約しやすくしたい。

web予約の導入に際してHPを新しく作りたい。

＜内容＞ 

＊クリニックのコンセプト：歯の健康を維持する

　・定期的なメンテナンスの呼びかけと適切なアドバイスを行い、予防重視のアプローチをしている。

　・子供から大人まで長期的に通ってほしい。

➡ターゲットの年齢層が幅広く、長期的かつ定期的に利用されることが想定されるため、シンプルで使いやすいサイトである必要があると考えました。

＊カラーイメージ：青系の色味で落ち着いた雰囲気とクリニックの清潔感を重視しました。

＊ロゴ

Photoshopで自作しました。

歯科医院であること、クリニック名が「スマイル」であることから、

歯を出してにっこり笑っている様子をロゴで表現しました。

＊予約ボタン

こちらもPhotoshopで自作しました。以下のポイントを意識しました。

・下にスクロールした際も追従して常時表示させたいため、他のコンテンツを邪魔しないデザインにする。

・大きく見やすいボタンである。

・曲線で柔らかい印象である。

■案①

■案②

コンセプトにも記載した通り、シンプルで使いやすいことを重視し

よりボタンと認識しやすい案②を採用しました。

＊各ボタンのアニメーション

＜メモ＞

ワイヤーフレームはFigma、デザインはPhotoshopで作成しました。

今回はTOPページのみ制作です。

＜ワイヤーフレーム(Figma)＞

＜PC版(photoshop)＞