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

⚫︎ビジュアルイメージ

転職サービスというテーマから、「親しみやすさ」「信頼感」「前向きさ」を感じられるビジュアルを意識しました。

人物写真を大きく配置することで、プロのコンサルタントが寄り添ってサポートしてくれる印象を与え、初めてサービスを見る人でも安心して内容を読み進められる構成にしています。

また、イラスト調の装飾や手書き風の要素を加えることで、硬くなりすぎない柔らかい雰囲気を演出しました。

⚫︎カラー

メインカラーはピンク系を使用し、不安になりがちな自分自身の働き方や転職に対して、優しさ・安心感・温かみを感じてもらえるうようにします。

アクセントとしてネイビー系のカラーを取り入れることで、全体が甘くなりすぎず「プロによるサポート」という信頼性も表現しました。

⚫︎タイポグラフィ

本文・見出しには筑紫明朝（N仕様）を使用しました。

明朝体特有に上品さと可読性の高さにより、転職サポートという信頼性が求められる情報でも落ち着いて読めるデザインを意識しています。

また、強調したいコピー部分ではサイズや配置にメリハリをつけ、視線の流れが自然になるよう調整しました。

⚫︎情報統計

情報は

①サービス内容

②サポートの強み

③行動喚起（予約）

の順で配置しています。

特に、「面談サポート3回から5回」「参加無料」などのユーザーにとってメリットとなる情報は視認性の高い位置に配置し、一目で内容が伝わるように統計しました。

⚫︎工夫したポイント

・写真、文字、装飾のバランスを意識し、除法料が多くてもみやすいレイアウトにした点

・行動喚起ボタンを丸い要素で囲み、視線を自然に誘導した点

・手書き風のあしらいを加えることで、親近感を持たせた点

・訴求ポイントを絞り、情報の優先順位を明確にした点