地域密着型の歯科クリニックを想定した架空のコーポレートサイトを制作しました。
初めてのサイト制作ということもあり、正しいタグの使用を最優先に制作を行いました。
安心感を与えるため、笑顔のスタッフや清潔感のあるクリニックの写真を使用しました。
また、予約画面は見やすく直感的に操作できるデザインを採用し、CV率の向上を目指しました。
サイトURL
制作ページ
トップページ、クリニック紹介、Web予約の3ページ
担当
デザイン・ライティング・コーディング
使用ソフト
Visual Studio Code / Photoshop
サイトの目的
サービスの認知とWeb予約
ターゲット
メインターゲットは地元の子育て世帯、広くは地域全体の住民
ファーストビューについて
- 必要情報を一目で伝える設計：
診療時間、定休日、クリニックの強みを分かりやすく配置し、直感的に情報を把握できるデザインにしました。 - キャッチコピーとビジュアルで明るい未来を抱くような演出：
「地域の笑顔を未来へ繋ぐ」を体現する屋上での笑顔あふれる写真を使用し、明るく爽やかなイメージを表現しました。また、明朝体のフォントを採用し、信頼感を強調しました。 - 視線誘導と視覚的インパクトの工夫：
キャッチコピー下部に営業情報を配置し、自然に視線が誘導される構成にしました。また、円形の文字背景で目を引き、効果的に歯医者の特徴が分かるよう工夫をしました。
カラーについて
- 親しみやすさと温かさの表現：
ベースカラーにパステルイエローを使用し、温かみと親しみやすさを演出しました。 - 活力と明るい未来を感じさせる配色：
メインカラーにオレンジを採用し、活力と明るい未来を表現しました。 - 「子どもと一緒に通える」コンセプトの反映：
子どもと一緒に通えるというコンセプトに合わせ、優しく明るい印象を与える配色に仕上げました。
デザインについて
- 写真とアイコンで視覚的に分かりやすく、安心感を提供：
アイコンを活用して視覚的に分かりやすく、親しみやすい雰囲気を意識しました。また、笑顔のスタッフや清潔感のあるクリニックの写真を多く使用し、ユーザーに好感を持ってもらえるよう配慮しました。 - ユーザビリティと視認性の向上：
メニューやトップページに戻るボタン、フッターなど、情報にスムーズにアクセスできるよう意識しました。また予約フォームでは、placeholder属性やlabelタグで迷わず操作できるよう配慮しました。 - デザインアクセントの工夫：
ポラロイド風の写真や適切なアイコンの使用により、サイトにアクセントを加え、単調さを避けるよう工夫しました。
制作時間
57時間
企画：3時間、デザイン：3時間、ライティング：1時間、コーディング：50時間