
【デザイン制作記録③】歯医者サイト
こんにちは。mikuです。
今日はスクールの課題第3弾!歯医者サイトの制作記録を書いていきます。
目的
新規のお客様の集客、既存のお客様の予約やお知らせ。
ターゲット
・虫歯治療や矯正や審美治療をしたい方
・小児治療も受け付けている
→都会で共働きのファミリー層及び20代〜40代の男女
要望
・落ち着いた清潔感のある色
・イメージは「すっきり」「清潔感」
・あまりポップ過ぎたりするのは、院の雰囲気と合わないためNG
強み・特徴
「痛くない」「一人一人に合わせた丁寧なカウンセリング」「小児歯科」
デザインキーワード
・清潔感
・誠実
・丁寧
制作ポイント
・清潔感や誠実な印象を出すために、メインカラーは明るめのブルーグリーンを使用しました。差し色は黄色を使用し、メインカラーとの差で目立つようにしました。また、「痛くない」というキャッチコピーや小児治療も受け付けておられることから、きっちりしすぎず親しみも感じられるようにしたいという意図もあります。
・誠実な印象にするため、キャッチコピーや見出しのフォントは明朝体のNoto Serif JPを用いました。本文のフォントは、親しみも少し感じられるようにしたいと思い、Zen Kaku Gothic Newを使用しました。
・「誠実」「丁寧」というイメージが与えられるよう、レイアウトは崩しすぎず、整った印象になるように意識しました。
完成したデザイン

学び・感想
初めてのWebデザイン、とても楽しく作成できました。全体のサイズ感やレイアウトの感覚を掴むために、いろんなサイトを眺める時間が一番多かったように思います。レイアウトは全セクション違う形にしたかったので、統一感を保ったままどこまで崩せるかの塩梅を探るのが難しくもあり楽しかったです。
写真に角丸を付けるなら他の四角形の図形もすべて角丸にする、外側の余白よりも内側の余白は少なくするなど、統一感を出し見た目にまとまりがあるサイトを作るための基本を学びました。