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

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

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

【デザインについて】

・ビジュアルイメージ

子育てと仕事の両立を目指す女性に向けて、やさしさ・安心感・前向きな未来を感じられる世界観を意識して制作しました。

育児中でも新しいキャリアに挑戦できるイメージが伝わるよう、赤ちゃんを抱っこしながらPC作業をする女性の写真を採用しています。

・カラー

クライアント指定のピンク系カラーをベースに、女性らしさとフレッシュさを感じられる、やさしいトーンでまとめました。

全体は淡いピンクで統一し、安心感や親しみやすさを演出しています。

CTAやキャンペーン訴求部分には少し濃いピンクを使用し、自然に視線が集まるよう設計しました。

また、スマートフォン閲覧時の見え方も考慮し、端末ごとの発色差を確認しながら色味を調整しています。

・タイポグラフィ

メインコピーにはShippori Minchoを使用し、やわらかさと上品さを演出しました。

サービス説明やキャンペーン情報にはNoto Sans JPを使用し、視認性と情報整理を重視しています。

CTAにはSource Han Sans JPを採用し、可読性と行動喚起のしやすさを意識しました。

・情報設計

ユーザーの視線が自然に流れるよう、

共感コピー → サービス内容 → キャンペーン情報 → CTA

の順で情報設計を行いました。

Instagramで一瞬で内容が伝わるよう、情報量を整理しながら優先順位を明確にしています。

シェア