LP要件定義・ワイヤーフレーム

概要:Webマーケティング・Webデザインのオンライン職業訓練校「DXアップ」のランディングページに関する課題「LP要件定義・ワイヤーフレームの作成」。

制作期間:2週間

使用ツール
★Google スライド
★Google スプレッドシート
★Adobe Photoshop
★Canva

Google スライドにて作成。イラストはCanva、写真はPhotoshopにて加工。

上記ワイヤーフレームをさらにご覧になりたい方は→こちら

制作過程
  • step 1
    ターゲット設定・目標の確認

    ターゲット
    30歳女性。現職を辞めて転職の前に資格取得に取り組む予定。プログラミングスクールやWebデザイン・Webマーケスクールを探しているが、できるだけ費用を抑えたい。
    目標
    検索広告から流入してくるターゲットが、職業訓練校「DXアップ」に応募すること。

  • step 2
    自社と競合を分析

    競合LPの調査、コンテンツ比較
    ・ファーストビューの見直し
    ・新たなコンテンツの導入
    ・ターゲットへ伝えるメッセージの検討
    ・CTAボタンの位置
    ・競合調査表を作成 (*1参照)

  • step 3
    要件定義作成

    ・ターゲットが知りたいこと、競合他社の利点などを取り入れ、コンテンツの流れを作り込む(*2参照)

  • step 4
    ワイヤーフレームを作成

    上記を踏まえ、ワイヤーフレームを作成しました。
    LPの内容は下記としました。

    ・ファーストビューでは明るさと余白の確保をする(現状は暗すぎる)
    ・30歳女性にも興味が持てるようなイラストなどを配置し、目線を誘導
    ・2コースの違いをわかりやすく説明
    ・どちらのコースが向いているのかをYES・NO式チャートにし、自己分析を新たに設置
    ・よくある質問を新たに設置
    ・講師紹介をし、信用度をアップする(追加)
    ・受講生の体験談、転職例を掲載する(スペース拡充)
    ・CTAは追従式の大きめなものを下に常時配置

*1 競合調査票

Googleスプレッドシートにて作成

*2 要件定義

Googleスプレッドシートにて作成