【LP】助産院

制作の流れ

1. ターゲット（産後ママ）の課題・抱える不安の言語化
2. 構成案作成（ファーストビューでの共感獲得〜疑問解消〜CV導線）
3. UI/カラー選定・ワイヤーフレーム作成
4. デザイン制作（やわらかい質感の装飾・写真加工）
5. レスポンシブ調整（スマホ閲覧を前提とした視認性最適化）

カラー

• メインカラー：コーラルオレンジ（温かみ、優しさ、親しみやすさ）
• サブカラー：ベージュ・ナチュラルイエロー（安心感、包容力）
• アクセントカラー：グリーン（LINE導線・清潔感・自然さ）

タイポグラフィ

• 見出し・キャッチコピー： 丸ゴシック体（または丸みのある明朝体）を使用し、柔らかく優しく語りかける印象を補強。
• 本文： 可読性の高いゴシック体を採用し、スマホ画面でもストレスなく読める文字間・行間に調整。

情報設計

• 共感ゾーン：「ひとりで悩まないで」「こんなお悩みありませんか？」でユーザーの心に寄り添い離脱を防ぐ。
• 信頼感ゾーン：助産師のプロフィールや実際の利用者様の声を配置し、安心感を提示。
• 不安解消ゾーン：数字での実績、自治体助成金の料金案内、よくある質問を配置し、行動へのハードルを排除。
• CVゾーン：画面最下部に大きくLINE・電話導線を配置し、迷わず予約できる設計。

工夫したポイント

• 心理的心理ハードルの低減：「実家のような温かい場所」というコンセプトに合わせ、直感的でトゲのない角丸パーツや曲線を多用。
• 料金の透明化：自治体助成金適用時の自己負担額を目立たせ、「敷居が高い」と思われがちな助産院ケアを気軽に利用できるよう強調。
• スマホファースト：産後のママが片手でも操作・閲覧しやすいよう、大きめのボタンとゆとりのあるタップ領域を確保。