制作実績：WEBデザイン講座 LPデザイン

「WEBデザインを学びたいけど、何から始めたらいいかわからない」
という初心者層をターゲットにした、オンライン講座のランディングページを制作しました。
“ゼロから学べる安心感”と“5日間でスキルが身につく期待感”を両立させ、
申し込みにつながる導線設計を意識しています。

---

【デザインの工夫ポイント】

1. ファーストビューで“信頼 × 結果”を即伝達

メインコピーには「ゼロからはじめるWEBデザイン5日間チャレンジプログラム」と明確に記載。
初心者でも気軽に参加できる印象を持たせるため、
柔らかい黄色と赤のコントラストを使い、ポジティブで明るい印象を演出しました。
「残り時間カウント」＋「申し込みフォーム」をFV内に配置し、
行動喚起力を高めています。

2．5大特典”で参加メリットを明確化

ユーザーが得られる特典を5つのブロックで視覚的に整理。
「30分無料相談」「ポートフォリオ制作」「ChatGPT活用術」など、
実践的かつ魅力的な学習内容を強調することで、
参加のハードルを下げる構成としました。

3. 学習カリキュラムで“ステップアップの流れ”を提示

Day1〜Day5までの学習内容を時系列で紹介し、
「何を学べるのか」を具体的にイメージできるように設計。
各日の見出しにアイコンや黄色の背景を使い、
学びの楽しさと成長の期待感を演出しています。

4. Before / Afterで成長イメージを強調

「チャレンジ前」と「チャレンジ後」で得られる変化を比較表示。
・デザインの基本理解
・ツール操作の習得
・フリーランスとしての第一歩
といった成果を箇条書きで整理し、モチベーションを高める構成にしました。。

5. 講師プロフィールで“信頼感”を補強

講師の写真と経歴を丁寧に掲載し、
「現役デザイナーによる実践的な指導」であることを明示。
誠実で親しみやすいトーンで信頼性を訴求しています。

6. スマホ版最適化

モバイル閲覧時にも離脱しにくいよう、
フォームをページ中に複数設置し、タップしやすいサイズで調整。
スクロール操作でも常にアクションを取りやすい導線を実現しました。

【デザインテーマ】

「挑戦したくなる信頼感」
数値・実績・保証を視覚的に伝え、受講意欲を高める構成デザイン。

【使用ツール】

Adobe Photoshop/Wordpress/Visual Studio Code

---