Facebook 【HerTech架空案件】webデザインスクールバナー
Logo

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

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】webデザインスクールバナー-1
シェア
制作ノート
制作について

【デザインについて】

⚫︎ビジュアルイメージ

「子育てをしながらも、自分のキャリアや収入を諦めない」という前向きなメッセージを表現しました。

赤ちゃんを抱く女性の写真を使用することで、ターゲットが自分自身を重ね合わせやすくし、共感を生むビジュアルを意識しています。

また、全体をやわらかい雰囲気でまとめることで、「自分にもできそう」と感じてもらえる親しみやすさを演出しました。

⚫︎カラー

全体を淡いピンクベージュ系で統一し、女性らしさ・安心感・やさしさを表現しました。

メインコピーの「収入」をアクセントカラーにすることで、ユーザーが求めているベネフィットを視覚的に強調しています。

また、暖かみのある色味を使用することで、子育て中の女性が抱える不安を和らげ、親近感を持ってもらえるよう意識しました。

⚫︎タイポグラフィ

明朝系フォントを使用し、上品さや信頼感を演出しています。

メインコピーは余白を十分に取りながら大きく配置することで、視認性を高めるとともに、「収入もあきらめない」という強いメッセージが印象に残るよう工夫しました。

また、下部のキャンペーン情報やCTAボタンは可読性を意識し、情報が整理されて見えるようサイズや強弱を調整しています。

⚫︎情報設計

視線が

メインコピー → キャンペーン内容 → 特典情報 → CTAボタン

の順に流れるようレイアウトを設計しました。

最初に共感を生むコピーで興味を引き、その後に具体的なサポート内容を提示することで、安心感と信頼感につながる構成を意識しています。

また、「セミナー参加無料」という訴求を下部に配置し、行動へのハードルを下げる工夫をしました。

【工夫したこと】

・ターゲットが抱える「子育てと収入の両立」という悩みに寄り添うコピーを採用したこと

・写真を大きく配置し、ターゲットが自分自身を重ね合わせやすいよう共感性を高めたこと

・「収入」の文字だけをアクセントカラーにし、ユーザーが最も魅力を感じるベネフィットを強調したこと

・サポート内容をチェックマーク付きで整理し、スクールの安心感や信頼感が伝わるよう工夫したこと

・やさしく落ち着いた配色で、PCに不慣れな方でも「自分にもできそう」と感じられる親しみやすい雰囲気を演出したこと

・「セミナー参加無料」とCTAボタンを下部にまとめ、自然な流れでアクションにつながる導線を意識したこと

シェア
こぐりみかの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】webデザインスクールバナー-1
こぐりみかの他の作品
foriio

あなたのforiioを無料で作成

fori.io/