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

【デザインについて】

●ビジュアルイメージ

ナチュラルで柔らかい雰囲気のモデルを使用し、

「日常に取り入れやすいおしゃれ感」を演出。

余白を活かしたレイアウトにすることで、

抜け感のある今っぽいファッションビジュアルに仕上げています。

ユーザーが自分ごと化しやすい“リアルな着用イメージ”を重視しました。

●カラー

ブルー〜グリーンのグラデーションを基調に、

春夏らしい爽やかさと軽やかさを表現。

背景は淡いトーンでまとめることで、

女性らしい柔らかさとファッション性を担保しつつ、

テキストの視認性も確保しています。

ピンクのブランドロゴがアクセントとなり、視線を引きつける設計にしています。

●タイポグラフィ

「SALE」は大きく大胆に配置し、視認性とインパクトを強化。

一部にグラデーションを取り入れることで、視線誘導とトレンド感を演出しています。

「MAX 50%OFF」は明朝体を使用し、

上品さと信頼感を持たせながら強調。

英字フォントと明朝体を組み合わせることで、

カジュアルすぎず洗練された印象に仕上げています。

●情報設計

ユーザーの理解フローに沿って、

ブランド名 → SALE → 割引率 → セール期間

の順で情報を配置。

最も伝えたい「SALE」と「50%OFF」を中央に大きく配置することで、

一瞬で価値が伝わる構成にしています。

また、日付を下部にまとめることで、

視線の流れを邪魔せず自然に情報を理解できる設計にしています。

【工夫したポイント】

・「SALE」の一部にグラデーションをかけ、視線を自然に誘導

・モデルとテキストの重なりを調整し、どちらも主役として成立させたレイアウト

・余白を活かし、情報量が多くても圧迫感が出ないよう設計

・割引率（50%OFF）を大きく見せ、購買意欲を後押し

・スマホでの閲覧を想定し、小さな画面でも視認性が落ちないよう調整

Instagram広告での配信を想定し、スクロール中でも目に留まる設計にしています。