Facebook 金融セミナーLP【自主制作】
Logo

金融セミナーLP【自主制作】

クレジット
Avatar
WEBデザイナー
金融セミナーLP【自主制作】-1
シェア
制作ノート
制作について

金融セミナー(資産形成・NISA活用)への集客を目的としたランディングページを、PC・スマートフォンのレスポンシブデザインで制作しました。ターゲットは投資初心者層で、「銀行に預けているだけでは資産が増えない」という不安を持つ方に向けて、元メガバンク出身の講師による無料オンラインセミナーへの参加を促す構成としています。ファーストビューで講師の実績による信頼感を打ち出し、不安の共感→解決策の提示→学習内容→講師紹介→選ばれる理由→参加者の声→概要→FAQ→申込フォームという流れで、心理的ハードルを段階的に下げながらコンバージョンへ導く設計を意識しました。

■ビジュアルイメージ

金融・資産形成という堅実さと信頼性が求められるジャンルのため、誠実さと専門性を感じさせるトーンを基調としました。講師の写真を大きく使い、スーツ姿で語りかけるような構図にすることで「専門家から直接アドバイスを受けられる」安心感を演出。チェックリストやアイコンを多用し、堅い印象になりすぎないよう情報を整理して見せています。

■カラー設計

背景にネイビーを基調とし、金融機関らしい信頼感・堅実さを表現しました。アクセントカラーにはゴールドを採用し、「資産形成」「価値ある情報」という上質さを印象づけています。参加者の声やFAQセクションでは背景を白系・水色に切り替えることで、堅さの中にも読みやすさと親しみやすさを両立させました。

■タイポグラフィ

見出しには太めのゴシック体を用い、要素ごとに見出しデザインを変えることで視認性を高めています。本文は可読性を優先したシンプルなフォントを使用し、専門用語が多くなりがちな金融分野でも初心者が読みやすいよう配慮しました。

■情報設計

「不安の提示→解決策→学べる内容→講師の権威性→選ばれる理由→社会的証明(参加者の声)→概要→FAQ」という、不安解消型セミナーLPの王道構成を採用しました。特に「勧誘・販売一切なし」を独立したアイコンセクションで強調することで、無料セミナーへの参加を躊躇させる最大の懸念(売り込まれるのでは?という不安)を先回りして払拭する設計にしています。また、PC版で2カラムに配置していた要素もスマートフォン版では1カラムに自然に再構成し、デバイスが変わっても情報の流れや訴求の優先順位が崩れないよう、レスポンシブデザインとして設計しました。

■工夫したポイント

  • 「元メガバンク出身」「CFP認定」「個人相談実績1,500件超」といった講師の実績を複数箇所で繰り返し提示し、専門性への信頼を多角的に積み上げました
  • 「強引な勧誘・販売一切なし」を、禁止マークのアイコンを使って視覚的にも直感的に伝えることで、無料相談への抵抗感を軽減しました
  • 参加者の声を年代・性別が異なる4名分用意し、「自分と同じ立場の人も参加している」という共感を生む設計にしました
  • セミナー概要を表形式でまとめ、参加費・形式・所要時間など、申し込み前に知りたい情報を一目で確認できるようにしました
  • PCとスマートフォンの両サイズでレイアウトを最適化し、どの画面からアクセスしても情報を読みやすく、申し込みまでスムーズに進められるよう配慮しました
シェア
曽野奈々の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
金融セミナーLP【自主制作】-1
曽野奈々の他の作品
foriio

あなたのforiioを無料で作成

fori.io/