Webマーケティング職業訓練校のLPワイヤーフレーム

概要

職業訓練の課題として、Webマーケティング職業訓練校のLPワイヤーフレームを作成しました。

資料URL
LP要件定義：https://docs.google.com/spreadsheets/d/1BFfONMH39I7ilqnSdrIgr6iiMIyYi5uonGZJ6UR2M80/edit?usp=sharing
LPワイヤーフレーム：https://docs.google.com/presentation/d/1x0pw_K_KjNEQXAnEBsp3cKRKxRoS73Y5adkucOIE0kc/edit?slide=id.p#slide=id.p

〈テーマ〉
Webマーケティング学習の職業訓練サービス

〈目標〉
検索広告から流入してくるターゲットがサービスを応募すること。

＜ターゲット＞
山田花子（女性） 30才。東京都在住。独身。メーカー営業職。
趣味は映画鑑賞と旅行。今の仕事を辞めて転職したいと考えており、プログラミングスクールやWebデザイン・Webマーケスクールを探している。

〈キーワード〉
資格 おすすめ 転職　プログラミングスクール　比較　職業訓練

〈主に検索に使用するデバイス〉
モバイル

〈制作プロセス〉

• 制作するLPの、ターゲット／キーワード／デバイス　を決める
• 競合のLPを調査・コンテンツ比較
• 調査などを元に、LP要件定義を作成
• LP要件定義に沿って、LPワイヤーフレームを作成

〈使用ツール〉
Googleスプレッドシート・Googleスライド

制作期間

2週間

制作のポイント

制作のポイント①：ターゲット分析・競合調査から、コンバージョン率を高めるワイヤーフレームを作成

競合のLP調査を行った上でコンテンツ比較を行い、自社のLPのコンテンツに落とし込んでいます。
意識した点は、
・競合のLPと比較して、全てを兼ね備えたLPとしてアピールする
・ターゲットがわかりやすいコンテンツを作成
＊Webデザイナー・Webコーダーが具体的に作成しやすいように、イメージ画像や参考画像を追加しています。

制作のポイント②：LPの基本である、「結・起・承・転」の順番で構成

コンテンツの並びは、悩みが解決できるとわかるキャッチコピーとメインビジュアル⇒共感パート⇒信用させるパート⇒提案にしています。
意識した点は、
・シンプルで分かりやすい構成
・ターゲットの不安が少しでも解消できるネタとして、受講生の声、就職先インタビュー、講師紹介など追加

制作のポイント③：ターゲットの行動を促すCTA配置

ターゲットが多すぎると感じない程度に、CTAボタンを配置しました。
意識した点は、
・コンテンツの流れに合わせて、CTAのボタンテキストと大きさを変化させる
　　FV：無料説明会へ　
　　ボディ：無料説明会に参加する
　　クロージング：無料説明会に申し込む（他のボタンより大きめに）
・「手軽さ」を強く印象づけるために、FVとボディのCTAには、マイクロコピー「30秒で簡単予約」を添える

ワイヤーフレームの内容

＊資料詳細は、上記URLをクリックしご確認いただけますと幸いです。