（Web制作を学んで2ヶ月目の作品）TOMO DENTAL CLINIC のWebサイトです。
忙しくてなかなか歯医者に行くことができない20〜30代の社会人をターゲットに、気楽に通えるようなスマートさと安心感のあるサイトを制作しました。
気楽さ・スマートさ・安心感がコンセプトの歯医者であるため、コンセプトとターゲットに適した病院を感じさせないカジュアルさと、
他の医院との差別化できるモダンなデザインにしました。
URL
作業範囲
デザイン・コーディング（HOME・ACCESS）
制作期間
30時間 / 5日
使用ソフト
Illustrator・Photoshop・Visual Studio Code
サイトの目的
サービスの認知と新規クライアントの獲得
ターゲット
20〜30代の忙しい社会人
デザインについて
クリニックの安心感というコンセプトを表現するために、サイトのベースカラーは親しみやすい温かみのあるベージュに、メインカラーは安心感を与える落ち着いたグリーンにしました。
気楽さ・スマートさは、サイトカラーのカジュアルさと、シンプルかつスタイリッシュなデザインで表しています。
ユーザビリティを意識して、サイト全体の見やすさ・文章の読みやすさを重視し、余白を十分に取ったデザインにしました。 トップ画像はAI画像生成で作成し、診療内容のアイコンは、サイト全体に馴染むような柔らかい配色にしています。
コーディングについて
ユーザビリティを意識して、ボタンにカーソルを合わせた時の装飾と動きをつけました。 PCとスマートフォン、各デバイスに適したレスポンシブデザインのコーディングを行い、 JavaScript / jQuery を実装して、見出しや文章に動きをつけ、動的なWebサイトに仕上げました。 またページの下部には、文字デザインのリピートアニメーションを入れています。
