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

【デザインについて】

⚫︎ビジュアルイメージ

ナチュラルな雰囲気のビジュアルにより、日常に取り入れやすいファッションであることを印象づけています。

また、余白を活かしたシンプルな構成にすることで、洗練された印象と視認性の高さを両立し、セール情報が自然と目に入るように設計しています。

全体として、清潔感・女性らしさを軸にして、カジュアルすぎずフェミニンなビジュアルイメージに仕上げています。

⚫︎カラー

ベースカラーは、ライトブルー。青空や初夏の風を連想させ、爽やかで清潔感のある雰囲気を演出します。白い文字とのコントラストが高く、視認性を向上させます。また、全体に軽やかで開放的な印象を与えます。

メインカラーは、ホワイト。テキストやアイコンに使用。清潔感と上品さを演出し、全体のデザインに抜け感を与えます。背景色とのコントラストにより、情報の可読性を高めます。

アクセントカラーは、ピンク。「MAX 50% OFF」のバッジ部分に使用。女性らしさや柔らかさを表現し、フェミニンなブランドイメージを強調します。ブルーとの補色関係により視線を集め、セール情報を効果的に強調します。

⚫︎タイポグラフィ

フォントにはPlayfair Displayを使用し、「GW SALE」などのメインコピーにはエレガントなセリフ体を使用し、アパレルらしい高級感と女性らしさを演出しています。テキストや数字などの情報部分にはZen角ゴシックNEWを使用し、シンプルで視認性の高いフォントで、読みやすさとのバランスを取っています。

⚫︎情報設計

斜めのレイアウトを取り入れることで視線の流れに動きをつけ、より印象に残る構成にしています。

「GW SALE」から「50%OFF」へと斜めに流れるように配置することで、自然と重要な情報へ視線が誘導されるよう設計しています。水平・垂直だけの構成に比べて動きが出るため、セールの特別感や高揚感を演出できるのがポイントです。

また、モデルの視線やポージングと斜めのラインを連動させることで、ビジュアルと情報に一体感を持たせています。これにより、単なる装飾ではなく、意味のあるレイアウトとして機能させています。

全体として、「視線誘導＋動き＋トレンド感」を意識した、印象に残りやすい情報設計にしています。

【工夫したポイント】

斜めのレイアウトを取り入れることで、視線に動きをつけ、シンプルな構成の中でも印象に残るデザインにしています。特に「GW SALE」から「50%OFF」へと流れるように配置することで、自然と重要な情報に目がいくよう工夫しています。

また、モデルのビジュアルとテキストの配置に余白をしっかり取ることで、上品さや抜け感を保ちながら、洗練された印象に仕上げています。

配色は落ち着いたブルーをベースに、ピンクをアクセントとして加えることで、女性らしさと華やかさをプラスしつつ、セールの訴求力も高めています。

全体として、動きのあるレイアウトとシンプルな情報設計を組み合わせ、視認性とデザイン性のバランスを意識しました。