Web Site / Design & Coding

スモールビジネス設計セミナー

セミナー集客を想定したランディングページ制作。

ビジネスセミナーLPのスクリーンショット

基本情報

制作日
2026.02
制作期間
14日
使用ツール
Adobe XD,Figma,Visual Studio Code(HTML / CSS / JavaScript)
担当範囲
企画構成 / デザイン / コーディング

制作背景

スモールビジネス設計セミナーの集客用ランディングページとして制作しました。 副業を始めたい会社員に向けて、内容が直感的に理解でき、行動につながる構成を意識しています。

ターゲットユーザー

副業やスモールビジネスを始めたい会社員。 将来的に自分の商品やコンテンツ販売を考えているものの、 「何から始めればいいかわからない」と感じている初心者層を想定しています。

デザインコンセプト

ターゲットが男性中心であることを想定し、 ブルーを基調とした配色で信頼感と安心感を表現しました。 セミナーLPとして重要な「理解しやすさ」と「申込みへの導線」を意識し、 視線誘導と情報整理を重視したデザインにしています。

工夫した点

  • ファーストビューで「何が得られるセミナーか」が一目で伝わる構成
  • 理想の未来 → セミナー内容 → 参加者の声 → 申込み というLPの基本導線を設計
  • CTAボタンを適切な位置に配置し、申し込みまで迷わない構成

全体画像

ビジネスセミナーLP PC版 全体スクリーンショット
PC版

SP版(抜粋)

SP版 ファーストビュー
ファーストビュー
SP版 セミナー内容
セミナー内容
SP版 申込み導線
申込み導線