就労支援サービスLP|教材参考・WordPress実装
職業訓練の動画教材を参考に制作した、就労支援サービスのLPです。
教材のワイヤーフレームやデザイン構成を参考にしながら、Canvaでページ全体の構成を作成し、WordPressで1ページのLPとして再現しました。
学習制作として、画像の配置や余白、各セクションの見せ方を確認しながら制作しました。
| 項目 | 内容 |
|---|---|
| 制作内容 | LP制作・学習制作 |
| 担当範囲 | 教材参考、Canvaでのワイヤーフレーム作成、WordPress実装 |
| 使用ツール | Canva、WordPress、Photoshop |
| 制作目的 | LP構成とWordPress実装の学習 |
| ページ構成 | ファーストビュー、サービス紹介、コース紹介、利用の流れ、特徴、アクセス、予約フォーム |
| 備考 | 職業訓練の動画教材を参考に制作 |

学習したこと
1. LP全体の構成を学習
ファーストビュー、サービス紹介、コース紹介、利用の流れ、アクセス、予約フォームまで、LPに必要な要素を順番に配置する流れを学びました。
2. CanvaからWordPressへの再現
Canvaで作成したワイヤーフレームをもとに、WordPress上で各セクションを再現しました。
画像サイズや余白の違いにより、画面上で見え方が変わることを確認しながら制作しました。
3. 予約フォームの設置を経験
WordPressのプラグインを使用し、見学予約フォームをページ内に設置しました。
実際のLPに近い形で、申し込みまでの流れを確認できるようにしています。


