金融セミナー(資産形成・NISA活用)への集客を目的としたランディングページを、PC・スマートフォンのレスポンシブデザインで制作しました。ターゲットは投資初心者層で、「銀行に預けているだけでは資産が増えない」という不安を持つ方に向けて、元メガバンク出身の講師による無料オンラインセミナーへの参加を促す構成としています。ファーストビューで講師の実績による信頼感を打ち出し、不安の共感→解決策の提示→学習内容→講師紹介→選ばれる理由→参加者の声→概要→FAQ→申込フォームという流れで、心理的ハードルを段階的に下げながらコンバージョンへ導く設計を意識しました。
金融・資産形成という堅実さと信頼性が求められるジャンルのため、誠実さと専門性を感じさせるトーンを基調としました。講師の写真を大きく使い、スーツ姿で語りかけるような構図にすることで「専門家から直接アドバイスを受けられる」安心感を演出。チェックリストやアイコンを多用し、堅い印象になりすぎないよう情報を整理して見せています。
背景にネイビーを基調とし、金融機関らしい信頼感・堅実さを表現しました。アクセントカラーにはゴールドを採用し、「資産形成」「価値ある情報」という上質さを印象づけています。参加者の声やFAQセクションでは背景を白系・水色に切り替えることで、堅さの中にも読みやすさと親しみやすさを両立させました。
見出しには太めのゴシック体を用い、要素ごとに見出しデザインを変えることで視認性を高めています。本文は可読性を優先したシンプルなフォントを使用し、専門用語が多くなりがちな金融分野でも初心者が読みやすいよう配慮しました。
「不安の提示→解決策→学べる内容→講師の権威性→選ばれる理由→社会的証明(参加者の声)→概要→FAQ」という、不安解消型セミナーLPの王道構成を採用しました。特に「勧誘・販売一切なし」を独立したアイコンセクションで強調することで、無料セミナーへの参加を躊躇させる最大の懸念(売り込まれるのでは?という不安)を先回りして払拭する設計にしています。また、PC版で2カラムに配置していた要素もスマートフォン版では1カラムに自然に再構成し、デバイスが変わっても情報の流れや訴求の優先順位が崩れないよう、レスポンシブデザインとして設計しました。
