Facebook 婦人科オンライン診療|架空案件
Logo

婦人科オンライン診療|架空案件

クレジット
Avatar
WEBデザイナー
婦人科オンライン診療|架空案件-1
シェア
制作ノート
「LUMINA CLINIC」LP FV/レスポンシブデザインの制作過程について

🌷案件概要

多忙な現代女性をターゲットとした、オンライン診療サービスの認知拡大を目的としたLPのファーストビューをデザインしました。

通院のハードルを下げ、自分らしい生活をサポートする「信頼感」「手軽さ」の両立を目指しました。

🌷デザインプロセスとこだわり

【リサーチ・コンセプト設計】

  • 課題: 医療サービスという性質上、清潔感や信頼感は必須ですが、それだけでは「冷たい・怖い」という印象を与え、利用のハードルを上げてしまう懸念がありました。
  • 取り組み: 既存の競合サービスや更年期ケア商品のリサーチを行い、「医療の安心感」と「ライフスタイルに寄り添う親しみやすさ」のバランスを調査しました。その結果、明るい自然光のビジュアルと、暖色(ピンク)と寒色(水色)を掛け合わせたグラデーションを採用し、ポジティブな未来を想起させるトーン&マナーを設定しました。

【情報設計・レイアウト】

  • 課題: LPのFVは、0.5秒で「自分に必要な情報」と認識してもらう必要があるため、オンライン診療、女性医師、来院不要など、多くのメリットを渋滞させずに伝える必要がありました。
  • 取り組み: 視線の流れ(Zの法則)を意識し、左上にロゴ、右側にメインコピーを配置。最も伝えたい「私らしさを諦めない」というメッセージを中央に大きく配置しました。また、サービスの最大の特徴である「オンライン受診」を直感的に伝えるため、スマホの中に医師が映っているビジュアルを独自に合成し、一目でサービス内容が理解できる工夫をしました。

【実装過程を想定したデザイン設計】

実装工程を考慮し、PC版では画面幅が変わっても文字が人物の顔に被らないよう、適切なマージン(余白)を確保しました。また、スマホ版からPC版への要素の再配置(組み換え)がスムーズに行えるよう、共通のパーツ比率を維持したレスポンシブ設計を行っています。

🌷使用ツール/制作時間

  • 使用ツール:Figma
  • 制作時間:約5時間(リサーチ・分析・デザイン・レスポンシブ制作を含む)

限られた時間内での制作でしたが、単に綺麗な画像を作るだけでなく、「ユーザーが何に不安を感じ、どうすれば安心して一歩踏み出せるか」という心理的アプローチをデザインに落とし込むことを意識して制作しました。

シェア