ランディングページ(サンプル)

WEBデザインスクールの無料体験のランディングページ(LP)

前提条件:
 ■目的:無料のWEBデザイン5日間チャレンジに参加してもらうこと。
 ■ターゲット:40代前後 男性女性。割合は30対70。WEBデザインに興味がある人。
        あるいは、在宅で働ける仕事を探している人向け。
 ■希望の配色イメージ:特に無し
 ■希望イメージ:明るい印象で、信頼感があること。
 ■横幅:スマホ特化を意識して750pxでデザインを作成してください。

ランディングページのファーストビューは3点作成しました。

デザイン案1:WEBデザイナー=かっこいいというイメージで、企業カラーの赤を基調にしたデザインです。
デザイン案2:ターゲット層の7割を占める女性向けのデザインで、柔らかい雰囲気のグラデーションを基調にしたデザインです。
デザイン案3:イラストを用いてWEBデザインに対するハードルを下げ、かつ、クールめの配色で男女問わないデザインです。

デザイン案3を採用し、全体のデザインを作成しました。

まず、LP全体に、丸のイメージを繰り返し用いることで統一感のあるデザインを心がけました。
かといって軽い内容になりすぎないよう、WEBデザインへの興味の入り口として気軽に始めやすい印象と、硬派でしっかりとしたカリキュラムの信頼感を出すために、丸のモチーフや角丸のパーツはポイントを絞って使用しています。
文字はゴシック体でスマートフォンでも読みやすくなるよう少し太字を用いています。
全体的に説明が多いので、ブロックごとに背景を変えたり、装飾やあしらいを加えて飽きずに最後まで読んでいただけるよう工夫したデザインです。
実際のページでは日にちのカウントダウンなどのアニメーションも見ることができますので、ぜひご覧ください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です