Web Marketing
概要
スクールの課題で制作した、「Webマーケティング職業訓練校のLPワイヤーフレーム」です。
ターゲット
30才。東京都在住。独身。メーカー営業職。 趣味は映画鑑賞と旅行。今の仕事を辞めて転職したいと考えており、プログラミングスクールやWebデザイン・Webマーケスクールを探している
LPの目標
検索広告から流入してくるターゲットがサービスに応募すること
制作時期
2025年6月
制作時間
1週間
制作のポイント
競合調査をもとに、必要なコンテンツを整理
LPの効果を高めるため、複数の競合LPを比較・分析しました。どの競合にも共通しているコンテンツは積極的に取り入れ、さらに「カリキュラム紹介」など、一部のLPにしかないものでも、ユーザーにとって分かりやすく魅力的と感じた要素は積極的に反映しました。
他社事例を参考に、自社の魅力を引き出す構成に
コンテンツを決めた後は、その中身や見せ方にも工夫を加えました。競合他社のLPを参考に、自社ならではの強みや魅力がしっかり伝わる構成にしています。また、目標達成につなげるため、ユーザーの行動を促すCTAボタンの配置箇所も考慮しました。
完成イメージが伝わる、具体的なワイヤーフレーム
誰がが見ても、完成後のLPをイメージしやすいよう、参考画像を添えたり、画像やテキストの配置をできるだけ具体的に示しました。わかりやすく、実際の制作にスムーズに活かせる設計を心がけました。
学習の感想
今回の課題を通して、LP制作における他社調査の方法やコンテンツの決め方、ワイヤーフレームの作成までの一連の流れを学ぶことができました。一律に使われているコンテンツと、他社ならではの独自のコンテンツを整理・分析することで、自社LPに必要な内容が具体的に見えてくるという気づきがありました。ワイヤーフレーム制作では、他社デザインを比較しながら、より伝わりやすい構成を考える過程がとても楽しく、学びにつながりました。
複数の競合LPを調査し、各社がどのようなコンテンツを使っているかを一覧化しました。ファーストビューやコンテンツ構成、CTAの位置などを比較することで、共通点や差別化のポイントを把握しました。
競合のコンテンツを比較しました。全ての競合LPで使用されているコンテンツはピンク枠で強調し、視覚的にわかりやすくしています。各社のコンテンツを一覧化することで、この後、自社LPのコンテンツを検討する際の参考になり、より多くの選択肢を持つことができました。また、競合のCTAボタンを書き出すことで、傾向を把握でき、自社LPの設計に活かせるヒントを得ることができました。
競合調査をもとに必要なコンテンツを書き出した後、それぞれのコンテンツの中身についても具体的に検討しました。ユーザーに伝えるべき情報や、自社の強みがしっかり伝わる内容を事前に整理することで、ワイヤーフレーム作成の段階では迷いなくスムーズに設計を進めることができました。
デザインカンプを作成する際に、誰が見ても完成イメージが湧きやすいよう、具体的なワイヤーフレーム作成を心がけました。また、イメージに近いデザイン例を参考として添付し、デザインの方向性がより伝わりやすくなるよう工夫しています。