Facebook 【HerTech架空案件】アパレルECサイトバナー
Logo

【HerTech架空案件】アパレルECサイトバナー

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

【ビジュアルイメージ】

コンセプト:「新緑のなか、家族や恋人と新しい服をまとってお出かけする女性」

初夏のさわやかな空気感をベースに、ターゲット層が「これを着てお出かけしたい」と自分を投影できるような、洗練された女性のビジュアルをメインに採用しました。

【カラー】

  • メイン(ライトグリーン #d9f2a8): 新緑の季節感を演出し、爽やかでフレッシュなイメージを訴求。
  • アクセント(クリムゾン #d61d4f): イラストの花やロゴに赤を配し、お出かけ前やセールに対する「こころ躍る特別感」を表現するとともに、画面全体の視覚的な引き締め役として機能させています。

【タイポグラフィ】

  • Belleza: 「おしゃれも安さも諦めたくない」という女性の心理に寄り添う想いを、キャッチコピー「賢く、お得に、初夏を楽しもう」で表しています。無駄な装飾がなく、すっきりとしたフォルムをしているため、都会的で洗練されたスタイリッシュな印象を与えます。
  • JKゴシック: キャッチコピー以外には、カジュアルで日常的、かつフランクで親しみやすい空気感を持ったフォントを使用しました。

【情報設計】

左右の視線誘導:左側のキャッチコピーでユーザーの「情緒・共感」に訴えかけ、右側の「期間・最大50%OFF」という具体的な「お得感情報」へと視線をスムーズに誘導するレイアウトを組みました。

  【工夫したポイント】

  • 視認性とデザイン性の両立: キャッチコピーの背景に白い帯を敷くことで、背景のビジュアルに埋もれず、メッセージが一目で伝わるよう視認性を高めました。
  • 数字の引き立て方: 「50%OFF」に施したエコー(※ドロップシャドウ/立体効果など、より一般的な用語にしても伝わりやすいです)は、バナー全体のフラットな世界観を壊さないよう絶妙な加減で調整し、お得感がパッと目に飛び込んでくる立体感を演出しました。
シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech架空案件】アパレルECサイトバナー-1
foriio

あなたのforiioを無料で作成

fori.io/