WebマーケスクールのLPワイヤーフレーム

｜制作概要

    •    制作形態：職業訓練校課題

    •    制作期間：3週間

    •    使用ツール：Figma

    •    担当範囲：調査／要件定義／デザイン

｜制作の目的

職業訓練サービスへの申し込み数アップ

｜ターゲット

    •  女性／30代／転職のためWebデザイン・Webマーケスクールを探している人

｜制作プロセス

    1.    ターゲット・目標の確認

    2.   競合LPの調査、コンテンツ比較

    3.   要件定義

    4.   ワイヤーフレーム作成 

｜工夫した点

①LP要件定義
競合LPの調査結果をもとに、ユーザーにとって必要な情報を整理。
常にターゲットの心理に寄り添った構成を設計し、CTAボタンの配置を最適化しました。また、自社や競合にはない「無料体験・見学会案内」を盛り込み、ターゲットの不安を
解消できる内容にしました。

②ワイヤーフレーム作成
ターゲットの悩みや課題に寄り添い、共感から目的達成までの流れを描きました。
自社LPの優位点を活かしつつ、競合LPの良い要素も取り入れ、視覚的にわかりやすい
コンテンツ配置を意識しました。

③キャッチコピー

ファーストビューでユーザーの興味を引くため、
「未経験からWebマーケター／デザイナーへ」「最短6ヶ月でキャリアチェンジ！」と
具体的な数字も入れて未来像を描けるメッセージを作成しました。

｜学び

ユーザーが何を知りたいか・どの段階で心が動くかを意識する重要性を学びました。
感覚だけで配置を決めると、ユーザーがCTAに辿り着けないことがわかったからです。
例えば、ファーストビューにて「最短6ヶ月でキャリアチェンジ」のキャッチコピーで、
ユーザーのなりたい未来を提示し、離脱を防ぎ申し込み率を向上させる設計にしました。

・LP要件定定義

・LPワイヤーフレーム