Webデザイン講座LP(サンプル)

#landingpage

LP_sample_web_design

40代女性向けの配色で、テキストをイメージしやすい画像やアイコンを使用し、スマホ特化(750px幅)でデザインしました。Visual Studio Codeで実装しました。

lp_image_webdesign_school_mobile

目的

無料のWEBデザイン5日間チャレンジに参加してもらうこと。チャレンジ後には、別の講座へ誘導したい。

ターゲット

40代前後 男性女性。割合は30対70。WEBデザインに興味がある人。

前提条件

明るい印象で、信頼感があるデザインイメージ。スマホ特化を意識して750pxでデザイン希望。テキスト原稿あり。

制作の流れ

  1. 前提条件、ご要望の確認
  2. リサーチ
  3. ファーストビューを2案ご提案
  4. ページ全体のデザインを制作(スマホ版)
  5. チェック&修正
  6. Visual Studio Codeで実装
  7. 納品完了

ポイント

ターゲットの男女比が30対70であったため、今回は40代前後の女性に絞って配色を決めました。受講者の方が未来を想像しやすい画像をファーストビューで使用し、「チャレンジ前と後」では、アイコンを用いてテキストをイメージしやすくなるよう工夫しました。

上部へスクロール