【HerTech 架空案件】Webデザインオンラインスクールバナー

【デザインについて】

⚫︎カラー

ベースはピンク系で指定がありました。下部の配色はピンクとイエローのグラデーションにし、フレッシュさと前向きな希望を表現しました。

⚫︎タイポグラフィ

基本はZEN角ゴシックNEWを使用し、読みやすさを重視しました。「キャリアに悩む女性のための」部分はやさしさゴシックを使用し、柔らかい雰囲気を出しつつ、キャッチコピーが目立つようにしました。

⚫︎情報設計

女性のためのWebデザインのオンラインスクールを運営し、自由なライフスタイルを手にいれるためのキャリアサポートをするクライアントさんなので、子育てと仕事を両立していることが伝わるような素材を選びました。

ターゲットは、今後のキャリアについて悩みがある20〜40代女性であったため、キャッチコピーではターゲットが明確に伝わるようにしました。

またZ型の視線の流れに沿ってレイアウトを考えました。

【工夫したポイント】

キャンペーン部分の背景に四角形を配置し、内容をわかりやすくまとめました。また５回の部分が目立つように大きさやカラーを変えて、増量前の３回との対比が伝わりやすいようにしました。

全体的に図形には丸みをつけ、女性らしい柔らかいデザインになるよう意識しました。

コンバージョンボタンの「セミナーを予約する」は、クリックしたらどこに遷移するのかわかるように、わかりやすい言葉選びをしました。