URL
概要
神奈川県横浜市桜野区にある「まがみ眼科」の公式Webサイト（架空）。家族の目の健康を気にかける方に向けて「家族みんなのかかりつけ眼科」をコンセプトに設計。信頼感・やさしさが伝わるデザインと、初診でも不安なく受診できるよう導線や情報設計に配慮しました。
担当範囲
企画 / デザイン / コーディング
使用アプリ・言語
Photoshop / HTML / CSS / Visual Studio Code
制作時間
| 企画・構成 | 9時間 |
|---|---|
| デザイン | 26時間 |
| コーディング | 14時間 |
ターゲット
30〜50代の主婦
家族全体の目の健康を気遣う家庭の中心的な存在として、眼科選びに積極的な主婦層を想定。家族のかかりつけ医として安心感を求める層をターゲットとする。
コンセプト・デザイン
“家族みんなの目の健康を守る”ことを伝えるため、親しみやすさと清潔感のあるトーンを採用。優しい配色と丸みのあるフォントを使い、信頼感と安心感を大切にしたデザインに。初めての患者さんでもストレスなく目的の情報にたどり着けるよう、シンプルで分かりやすいレイアウトを意識しました。
使用カラー
清潔感と安心感を大切にし、白を基調に、医療にふさわしい落ち着いたグリーンと、温かみのあるオレンジでアクセントをプラス。親しみやすさと信頼感のバランスを意識しています。
- #ffffff
- #00a99d
- #ff9900
コンバージョン
診療時間やアクセス、予約方法へスムーズに遷移できる導線を配置。トップページに診療内容・地図を要点として配置し、迷わせないUIで不安を軽減します。
工夫した点
- ファーストビューに人物ビジュアルを配置し、安心感や信頼感を訴求
- 予約ボタンを常に画面右下に表示することで、スムーズな予約を促進
- ターゲットの主婦層に響く「家族で通える安心感」のある特徴をトップページ上部に配置