WORKS / LP / 自主制作
AI Design Studio
学びの一歩を、
前向きに踏み出せるLP。
AIとデザインを学ぶ架空のオンライン講座を想定したLP。未経験者の不安に寄り添いながら、60日間の学習の流れと講座の魅力を伝えるデザイン事例です。
制作範囲：構成・コピー調整 / AI画像制作・編集 / 画像LPのWeb実装
制作のねらい
オンライン講座の申込みを検討する際の「自分にもできるか」「何が身につくか」「続けられるか」という疑問を、一つずつ解消する構成を目指しました。全10セクションのレイアウトを揃え、サービス名・期間・文章・配色を調整して一つのLPにまとめています。
デザインと構成のポイント
01 / FLOW
疑問に答える順番で構成
悩みの提示から学習内容、サポート、比較、募集内容、FAQへ。受講を検討する人が知りたい情報を、縦に読み進めながら確認できる流れにしました。
02 / ROADMAP
60日間を3つのステップに
基礎・制作・案件化の準備を20日ずつに分けて紹介。カードと色分けで、今から何を学ぶのかをイメージしやすく整理しています。
03 / VISUAL
親しみやすさと情報の強弱
淡いラベンダーをベースに、青紫とローズのグラデーションを使用。見出し、数字、カード、CTAのメリハリで、情報量の多いページに読むリズムをつくりました。
画像の印象を、そのままWebへ。
10枚のセクション画像を、余白や区切りのずれが出ないよう縦に接続。スマートフォンでは画面幅に合わせて縮小し、パソコンでは読みやすい幅に収めています。
WebP形式への変換と後半画像の遅延読み込みにより、見た目を保ちながらデータ容量を抑えました。
このLPは架空の講座を想定した自主制作です。掲載している価格・受講生の事例・数値・特典はデザイン上の設定で、実在のサービス実績ではありません。画像内の申込みボタンは表示サンプルです。
伝えたい魅力を、読み進めたくなる形に。
オンライン講座やサービスのLP制作を、情報整理からご相談いただけます。