プロジェクト概要
女性向けクリニックが提供する「メディカルダイエット」の新規ランディングページ（LP）デザイン制作プロジェクトです。提供された簡易的なワイヤーフレームをベースに、「医療＝堅苦しい・怖い」というイメージを払拭し、美容サロンのように気軽に相談できる親しみやすさと、医療機関としての安心感を両立させるビジュアルデザインをゼロから構築しました。
基本情報
サイト名：イースト駅前クリニック 女性外来（メディカルダイエット）
URL：https://www.womens.eastcl.com/diet/
担当領域
Webデザイナー
（簡易ワイヤーフレームからのビジュアル構築 / UIデザイン / 全体デザイン制作）
プロジェクトの目的と課題
-
心理的ハードルの払拭: 「医療ダイエット」に対して女性ユーザーが抱きがちな不安や緊張感を和らげ、気軽に受診できる身近なサービスとして認知させること。
-
情報の視覚的整理: 専門的な治療の流れや複雑な料金プランを、流し読みでも直感的に理解できるレイアウトに落とし込むこと。
-
スムーズなコンバージョン誘導: ユーザーのモチベーションを高め、Web予約やLINE予約へのアクションへ自然に繋げること。
施策とこだわったポイント
1. 医療の堅苦しさを払拭する、フェミニンで清潔感のあるカラー＆トーン設計
医療機関のページでありながら、美容系サービスのような期待感を持たせるため、淡いピンクを基調としつつ、清潔感のあるホワイトと信頼感を与えるライトブルーをアクセントカラーに設定しました。全体的に角を丸めたUIパーツ（ボタンや帯など）を採用し、ターゲットである女性が直感的に「優しそう」「相談しやすそう」と感じる、柔らかく親しみやすい世界観を意図的に作り上げています。
2. 簡易ワイヤーを直感的なUIへと昇華させる情報設計と図解
提供されたテキストベースの簡易的なワイヤーフレームに対し、ただレイアウトするだけでなく「いかに分かりやすく見せるか」にこだわりました。診療ステップにはオリジナルの可愛らしいアイコンと矢印を用いて視覚的なフローチャートに変換。また、お薬の料金表やプラン比較など、文字情報が多くなりがちなコンテンツも、余白を活かしたスッキリとしたテーブルデザインに整理し、ユーザーの認知負荷を最小限に抑えています。
3. アクションへの迷いをなくす、柔らかくも視認性の高いCTAデザイン
コンバージョン（予約・問い合わせ）への導線となるCTAボタンは、背景のトーンに馴染みつつも埋もれないよう、彩度の高いピンクやブルーを用いて立体感と視認性を持たせました。ボタンサイズを大きく取り、マイクロコピー（「LINEで簡単」など）を添えることで、ユーザーが次の行動へ進む際の心理的ハードルを優しく押し下げるUIデザインを設計しています。
成果・評価
ターゲット層のインサイトを捉えた、共感と安心を生むビジュアルデザインの実現
簡易的な情報設計図から、ターゲット女性の心理（不安感の払拭と美容への期待）を的確に読み取り、医療の信頼性と親しみやすさが共存するデザインとして美しく具現化しました。クリニックの専門性を保ちながらも、ユーザーが構えることなくスムーズに予約へと進める、コンバージョン獲得に最適化されたランディングページを完成させています。
