LPワイヤーフレーム

1. LPワイヤーフレーム

2. LPワイヤーフレーム作成
（作業内容）
①：LP要件定義作成シートをもとに、ワイヤーフレームを作
成しましょう。
https://docs.google.com/presentation/d/1xiwIAJZxtQ79tIZr54C
NdZ47xJ5-FeFMSV8y9lxRrCs/edit?usp=drive_link
に 参考例を載せていますので、参考にして、
作業用シートに作成してください。
②：LPワイヤーフレームチェックリストで内容を確認してく
ださい
（参考サイト）
ランディングページ（LP）とは？目的・作り方・運用のコ
ツ・広告種類など知っておきたい知識をまとめました！-エム
タメ！

3. 【LPの内容】
DXUPサービス応募LP
【最終目標】
応募
【構成の並び】
①ヘッダー
ロゴ、電話番号
②ファーストビュー
アイキャッチ画像（女性の写真）、キャッチコピー
説明会日程、説明会参加特典
【CTAボタン】
③3つの特徴
3つの特徴の紹介
④現在募集中のコース
2つのコース紹介
⑤成果物サンプル
⑥講師陣の実績
⑦受講生の転職例
⑧ユーザーの声
⑨よくある質問
【CTAボタン】
⑩オウンドメディアの紹介
⑪会社情報・連絡先
⑫雇用保険受給について
⑬説明会参加特典の紹介
【CTAボタン】
（作成用シート）

4. ①ヘッダー
②ファーストビュー
【CTAボタン】
③3つの特徴
ロゴ 電話番号
④現在募集中のコー
ス
⑤成果物サンプル
3つの特徴
デザイン
スキル
在宅
スキル
実務
スキル
現在募集中のコース
①Web担当・Webマー
ケ・DX人材育成
・学ぶ内容
・選ぶメリット
・コース案内
②Webデザイナー・Web
制作・Webマーケ
・学ぶ内容
・選ぶメリット
・コース案内
成果物サンプル
▶
▶
説明会の参加申し込み
お名前
今すぐ説明会に申込む
メール
Webマーケティング・Webデザインの
オンライン職業訓練校
女性の
写真
未経験者歓迎！
キャリアチェンジの就職ができ
るWebスキルを身につけよう
説明会参加特典
説明会日程
実務で求められる
包括的なスキルを
獲得し訓練中何度
も実践します
在宅ワーク可能な
能力開発をサポー
トするからこそ全
てオンラインで提
供します
今から始めてもず
っとデザインを学
んできた人に勝つ
方法を学びます

5. ・訓練実施機関名
・訓練実施施設名
・TEL番号
・メールアドレス
・お問い合わせ担当者
⑦受講者の転職例
⑧ユーザーの声
⑪会社情報・連絡先
⑩オウンドメディア
⑨よくある質問
受講者の転職例
講師陣の実績 ⑥講師陣の実績
ユーザーの声
動画
よくある質問
Q、・・
A、・・
Q、・・
A、・・
Q、・・
A、・・
Q、・・
A、・・
Q、・・
A、・・
Q、・・
A、・・
【CTAボタン】
Webマーケを学ぶ公式アカウント
X
・画像
YouTube
・画像
LINE
・画像
動画
動画
・雇用保険受給者以外の方
・雇用保険受給資格者の方
⑫雇用保険受給につ
いて
説明会参加特典 ⑬説明会参加特典
【CTAボタン】
今すぐ説明会に予約
今すぐ説明会に予約
30代女性：・・・・・・・・
30代女性：・・・・・・・・
20代女性：・・・・・・・・
30代男性：・・・・・・・・
40代女性：・・・・・・・・
↓
※スクロールできるようにして20件位紹介
写真 or
イラスト
実績
▶
▶
写真 or
イラスト
実績
写真 or
イラスト
実績