Facebook 制作について
Logo

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

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

【デザインについて】

アパレルブランド「Ruby.」のゴールデンウィークSALEを告知するWebバナーを制作しました。

初夏シーズンらしい軽やかさと女性らしさを意識しながら、SALE情報がひと目で伝わるデザインを目指しました。

【ビジュアルイメージ】

「初夏の爽やかさ × 上品なフェミニンさ」をテーマに、余白を活かしたレイアウトと淡い色合いで、アパレルブランドらしい清潔感と洗練された印象に仕上げています。

【カラー】

ベースには淡いブルーとホワイトを使用し、初夏らしい爽やかさを表現しました。

SALEの訴求部分には淡いイエローをアクセントとして取り入れ、背景から自然に目が向くようにしています。

【タイポグラフィ】

英字の「SALE」や「GW」には細身のセリフ体を使用し、上品でファッション性のある印象に。

一方で「50% OFF」は大きく配置することで、SALEの割引率が瞬時に伝わるようにしました。

大小の文字サイズにメリハリをつけ、情報の優先順位を視覚的に表現しています。

【情報設計】

ユーザーがバナーを見た際に、

①ブランド名 → ②SALE開催 → ③割引率 → ④開催期間 → ⑤CTA

の順で情報を認識できるよう設計しました。

特に「MAX 50% OFF」を右上に配置し、最も重要なキャンペーン情報として目に入りやすくしています。

また、開催期間とCTAを下部にまとめることで、内容を理解した後に自然と「対象商品をチェックする」行動につながる構成にしました。

【工夫したところ】

大きな「SALE」の文字を写真と重ねることで、ファッション広告らしい大胆さを演出しました。

一方で、文字が人物の顔や商品の印象を邪魔しないよう、配置や透明感を調整しています。

また、淡いブルー・イエローを使用しながらも、色数を増やしすぎないことで、初夏らしい華やかさと上品さを両立させました。

シェア
制作について

【デザインについて】

アパレルブランド「Ruby.」のゴールデンウィークSALEを告知するWebバナーを制作しました。

初夏シーズンらしい軽やかさと女性らしさを意識しながら、SALE情報がひと目で伝わるデザインを目指しました。

【ビジュアルイメージ】

「初夏の爽やかさ × 上品なフェミニンさ」をテーマに、余白を活かしたレイアウトと淡い色合いで、アパレルブランドらしい清潔感と洗練された印象に仕上げています。

【カラー】

ベースには淡いブルーとホワイトを使用し、初夏らしい爽やかさを表現しました。

SALEの訴求部分には淡いイエローをアクセントとして取り入れ、背景から自然に目が向くようにしています。

【タイポグラフィ】

英字の「SALE」や「GW」には細身のセリフ体を使用し、上品でファッション性のある印象に。

一方で「50% OFF」は大きく配置することで、SALEの割引率が瞬時に伝わるようにしました。

大小の文字サイズにメリハリをつけ、情報の優先順位を視覚的に表現しています。

【情報設計】

ユーザーがバナーを見た際に、

①ブランド名 → ②SALE開催 → ③割引率 → ④開催期間 → ⑤CTA

の順で情報を認識できるよう設計しました。

特に「MAX 50% OFF」を右上に配置し、最も重要なキャンペーン情報として目に入りやすくしています。

また、開催期間とCTAを下部にまとめることで、内容を理解した後に自然と「対象商品をチェックする」行動につながる構成にしました。

【工夫したところ】

大きな「SALE」の文字を写真と重ねることで、ファッション広告らしい大胆さを演出しました。

一方で、文字が人物の顔や商品の印象を邪魔しないよう、配置や透明感を調整しています。

また、淡いブルー・イエローを使用しながらも、色数を増やしすぎないことで、初夏らしい華やかさと上品さを両立させました。

シェア
さえの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech 架空案件】アパレルECサイトバナー-1
制作について

【デザインについて】

アパレルブランド「Ruby.」のゴールデンウィークSALEを告知するWebバナーを制作しました。

初夏シーズンらしい軽やかさと女性らしさを意識しながら、SALE情報がひと目で伝わるデザインを目指しました。

【ビジュアルイメージ】

「初夏の爽やかさ × 上品なフェミニンさ」をテーマに、余白を活かしたレイアウトと淡い色合いで、アパレルブランドらしい清潔感と洗練された印象に仕上げています。

【カラー】

ベースには淡いブルーとホワイトを使用し、初夏らしい爽やかさを表現しました。

SALEの訴求部分には淡いイエローをアクセントとして取り入れ、背景から自然に目が向くようにしています。

【タイポグラフィ】

英字の「SALE」や「GW」には細身のセリフ体を使用し、上品でファッション性のある印象に。

一方で「50% OFF」は大きく配置することで、SALEの割引率が瞬時に伝わるようにしました。

大小の文字サイズにメリハリをつけ、情報の優先順位を視覚的に表現しています。

【情報設計】

ユーザーがバナーを見た際に、

①ブランド名 → ②SALE開催 → ③割引率 → ④開催期間 → ⑤CTA

の順で情報を認識できるよう設計しました。

特に「MAX 50% OFF」を右上に配置し、最も重要なキャンペーン情報として目に入りやすくしています。

また、開催期間とCTAを下部にまとめることで、内容を理解した後に自然と「対象商品をチェックする」行動につながる構成にしました。

【工夫したところ】

大きな「SALE」の文字を写真と重ねることで、ファッション広告らしい大胆さを演出しました。

一方で、文字が人物の顔や商品の印象を邪魔しないよう、配置や透明感を調整しています。

また、淡いブルー・イエローを使用しながらも、色数を増やしすぎないことで、初夏らしい華やかさと上品さを両立させました。

シェア
さえの他の作品
foriio

あなたのforiioを無料で作成

fori.io/