🌷案件概要
多忙な現代女性をターゲットとした、オンライン診療サービスの認知拡大を目的としたLPのファーストビューをデザインしました。
通院のハードルを下げ、自分らしい生活をサポートする「信頼感」と「手軽さ」の両立を目指しました。
🌷デザインプロセスとこだわり
【リサーチ・コンセプト設計】
- 課題: 医療サービスという性質上、清潔感や信頼感は必須ですが、それだけでは「冷たい・怖い」という印象を与え、利用のハードルを上げてしまう懸念がありました。
- 取り組み: 既存の競合サービスや更年期ケア商品のリサーチを行い、「医療の安心感」と「ライフスタイルに寄り添う親しみやすさ」のバランスを調査しました。その結果、明るい自然光のビジュアルと、暖色(ピンク)と寒色(水色)を掛け合わせたグラデーションを採用し、ポジティブな未来を想起させるトーン&マナーを設定しました。
【情報設計・レイアウト】
- 課題: LPのFVは、0.5秒で「自分に必要な情報」と認識してもらう必要があるため、オンライン診療、女性医師、来院不要など、多くのメリットを渋滞させずに伝える必要がありました。
- 取り組み: 視線の流れ(Zの法則)を意識し、左上にロゴ、右側にメインコピーを配置。最も伝えたい「私らしさを諦めない」というメッセージを中央に大きく配置しました。また、サービスの最大の特徴である「オンライン受診」を直感的に伝えるため、スマホの中に医師が映っているビジュアルを独自に合成し、一目でサービス内容が理解できる工夫をしました。
【実装過程を想定したデザイン設計】
実装工程を考慮し、PC版では画面幅が変わっても文字が人物の顔に被らないよう、適切なマージン(余白)を確保しました。また、スマホ版からPC版への要素の再配置(組み換え)がスムーズに行えるよう、共通のパーツ比率を維持したレスポンシブ設計を行っています。
🌷使用ツール/制作時間
- 使用ツール:Figma
- 制作時間:約5時間(リサーチ・分析・デザイン・レスポンシブ制作を含む)
限られた時間内での制作でしたが、単に綺麗な画像を作るだけでなく、「ユーザーが何に不安を感じ、どうすれば安心して一歩踏み出せるか」という心理的アプローチをデザインに落とし込むことを意識して制作しました。