就労支援サービス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に近い形で、申し込みまでの流れを確認できるようにしています。

\ 最新情報をチェック /