Your cart is empty.
Keep shopping
【LPファーストビュー制作講座】実務で納品した効果の高いサイトを教材化！あなたも「売れるランディングページ制作者」へ
400 students
【LPファーストビュー制作講座】実務で納品した効果の高いサイトを教材化！あなたも「売れるランディングページ制作者」へ
【大特典】売れる＜全セクションソースコード＞＜ライティングテキスト教材＞付き！顧客満足度と成果の高いのLP制作スキルを最短で習得。AI活用で成約率の高いセールスレターが作れるWebデザイナーへ駆け上がろう！
Created byクリエイター養成支援 『STASEON（スタシオン）』
Last updated 5/2025
Japanese
Japanese [Auto],
What you'll learn
- クライアントに納品された実際のLPファーストビューを完全再現し、プロ品質のWebデザインを構築できるようになります
- HTMLとCSSを駆使し、売れるランディングページのファーストビューをゼロから構築し、視覚的に魅力的なデザインを実現できます
- AIを活用して、成約率の高いセールスレターを効率的に作成し、Webデザイナーとして提案力を強化できます
- 売れるLP構成の原則を理解し、コンバージョン率を意識したデザインとライティングのバランスを習得できます
- 全セクションのHTML/CSSソースコードを自由にカスタマイズし、即納可能なLPをクライアントに提案・納品できます
- Webデザイナーとして実務で求められるスキルと、効率的に制作を進めるワークフローを身につけ、自信を持ってプロジェクトに取り組めるようになります
Explore related topics
Course content
9 sections • 68 lectures • 5h 39m total length
Requirements
- HTML/CSS/JavaScriptの基礎知識
- ＜最適なレベル感＞「見よう見まねでソースコードを書いたことがある」【講師が全コーディングを行うため、完成させることは可能です】
- LP全体のソースコードはそのままお渡し。そのため、AIを活用すれば、受講後すぐテンプレートとして実務に活かすことができます
- ＜求める受講レベル＞Webデザインスクール/職業訓練/独学で1回はHTML/CSS/JavaScript触れたことがある
Description
「実際にクライアントに納品したプロ品質のLPファーストビューを制作しよう！」
本講座では、売上を左右する最重要エリア＝ランディングページのファーストビューを、HTML/CSS/JavaScriptを用いてゼロから制作するスキルを学びます。実務で実際に納品した高品質LPを題材にしているため、「見た目だけでなく、構成や意図まで再現できる」非常に実用性の高い内容です。
実際の納品サイトを再現
レスポンシブ対応も完全解説
SCSS・GSAPを使った動きのある演出
成約率を高めるライティング構造も解説
【特典】全セクションのソースコード＆ライティングテンプレ付き！
さらに、AI活用によって、セールスレター（LPの文章）を効率よく制作するコツや、成約率を意識した文章構造までしっかり学べます。デザインとライティングの両輪を学べるため、ただ作れるだけでなく「成果に直結するLP制作」が身につきます。
「売れる構成を理解していないままLPを組んでいた…」
「デザインだけでなく文章力も上げたい」
「実務経験に基づいたリアルな講座が欲しい」
そんなWebデザイナーやWeb担当者、フリーランスを目指す方にこそおすすめの講座です。
Who this course is for:
- 現役のWebデザイナーで、実務で通用するプロ品質のLPを自信を持って制作できるスキルを身につけたい方
- Webデザインスクールに通っているが、実務に直結するクライアントワークを体験し、即戦力スキルを獲得したい方
- フリーランスでWebデザイナーとして独立を目指し、売れるLP構成とプロフェッショナルなデザインを短期間で習得したい方
- 副業としてWebサイト制作を行い、クライアントから安定的に仕事を受注し、稼げるスキルを確保したい方
- デザインは得意だが、売れるランディングページの構成やライティングが苦手で、成約率を上げるための技術を身につけたい方
- ポートフォリオに実務レベルの高品質Webサイトの制作経験を載せたい方で、他と差別化されたデザインスキルをアピールしたい方