ロゴ

ランディングページ

背景色 モックアップ

サイトの概要

  • ユーザーに資料請求を行って頂くことをコンバージョンとする。
  • 通学の必要がなくオンライン授業だけで卒業できる。学費は20万円と大学に通うより安い値段で利用できる。
  • レスポンシブデザインでページが縦になりすぎないようにUI要素を取り入れ全体をできるだけ簡潔にする。

実施した施策

  • 資料請求を行ってもらうために料金の安さで訪れたユーザーに対して3つの悩みで共感してもらい、悩みを解決できるサービスで納得、卒業生のアンケートで信頼を持つような構成にしました。
  • 一番の特徴である学費の安さを一番強調できるようにファーストビューで一番目立つようにあしらいや背景色で一目見ただけでわかるようなデザインにしました。
  • レスポンシブデザインではアコーディオンメニューやタブでユーザーが直感的に利用することができ、サイトから離脱しないように全体を簡素化させました。
  • グラフやアイコンを各セクションに配置し視覚的に意味が伝わり多くの方に理解できるようなデザインになるように心がけました。

作成してみて

初めてのランディングページ作成だったので、いかにユーザーの視線に立ってわかりやすいレイアウト構成にするか試行錯誤しました。特にファーストビューはユーザーが一番目にかかる重要な箇所なので伝えたい項目をどのように配置したら伝わるのか一番時間をかけ作成しました。 全体的にできるだけ読ませるというよりアイコンや画像で見て視覚的に理解してもらうことを意識し作成しました。

制作物

10時間

担当領域

ランディングページデザイン

使用ツール

Adobe Illustrator

HOME