https://maria-blue.net/lp/lp/ ↑作品はこちらをご覧ください。 職業訓練の教材デザインをもとに、学習目的でLPを模写し、WordPress / SWELLで再現実装しました。 FV、サービス紹介、利用の流れ、アクセス、予約フォームまでを1ページ構成で制作しています。 画像や装飾素材は、自分で使用可能な素材を調達・組み合わせて作成しました。 予約フォームにはプラグインを使用し、実際の申し込み導線を想定して実装しています。 ※学習用に制作した架空サイトです。 ※教材を参考にした再現実装作品であり、オリジナルデザインではありません。 教材の色合い・配置・素材選びがとても魅力的で、デザイン制作の参考になりました。 また、ワイヤーフレームがしっかり作成されていることで、LP全体の流れや導線がブレずに制作できることを学びました。 制作中は、画像サイズや書き出し方法によって、WordPressに挿入した画像がぼやけて見えることもあり、何度も画像を調整しながら作成しました。 完成後もまだ直したい箇所はありますが、教材をもとに実際にWordPressでLPを再現実装することで、デザインの再現力や実装時の注意点を学ぶことができました。