【課題】LP要件定義・ワイヤーフレーム作成

OVERVIEW

DXアップ(職業訓練校)のLP用ワイヤーフレームを作成しました。

YEAR 2025

全体資料はこちら

※競合他社名や参考画像はボカシを入れてます。

【制作期間】
2025.2〜2025.3月
【制作にかかった期間】
1週間

【ペルソナ】
30才独身女性。都内在住。メーカー営業職。
趣味 映画鑑賞/旅行。
今の仕事を辞めて転職したいと考えており、プログラミングスクールや
Webマーケスクールを探している。
知りたいことは転職に有利な資格。できるだけ費用を抑えられるキャリアアップ方法。
収入を得ながらでも、学べる環境。

【最終目的】
DXアップの職業訓練に申し込む
→転職に成功する


【現状分析】

1. 他社LPとの競合調査
 自社に足りないコンテンツの洗い出し


2. 自社の要件定義作成
FV(ファーストビュー)→ボディ→クロージングの流れを色分けでわかりやすくした
資料
3. 要件定義を元にLPワイヤーフレーム作成  


【工夫したこと】
・アイキャッチ画像でこれからの自分にワクワクするような要素を入れた。
・上向き女性画像で希望を伝える
・「これからの私」というペルソナに刺さるコピーにした
・ペルソナの知りたい情報をアイキャッチ下にブレッドポイントとして配置
・マイクロコピー部分をよりユーザー目線で考えた
 →無料オンライン予約/カンタン!30秒で登録完了
・レスポンシブ対応(スマホ)
 →画像等の文字が小さくならないよう配置調整
・CTAボタンを効果的に配置
・固定ヘッダーを使用しすぐに申し込みできるように設定

【生成AI活用(chat gpt)】
☑ アイキャッチ画像のコピー部分
☑ 申し込み特典の書籍タイトル
☑ 受講生の1日のスケジュール

【作成後の感想】

枠組みを単純な画像とテキストのイメージを見せることは今まで仕事でやってきたことだが、今回の学びで前段階の要件定義でしっかりまとめることと論理的な構造の順番が大切だと感じた。

〈提案一覧〉
※資料詳細はこちらをご覧ください