Facebook 【Hertech架空案件】苺フェアバナー
Logo

【Hertech架空案件】苺フェアバナー

クレジット
Avatar
WEBデザイナー
【Hertech架空案件】苺フェアバナー-1
シェア
制作ノート
制作について

【デザインについて】

・ビジュアルイメージ

苺を使用したスイーツを複数配置することで、「期間限定の特別感」と「選ぶ楽しさ」を表現しました。

全体はコラージュ構成にすることで、様々な苺のスイーツの魅力を一度に伝え、視覚的に楽しめるビジュアルにしています。

中央にはタイトルを配置し、情報の軸を明確にすることで、賑やかさの中でも内容が整理されて伝わるデザインを意識しました。

・カラー

苺を連想させる赤をメインカラーとして使用し、フェアの華やかさや季節感を表現しました。

ベースには淡いベージュを使用することで、全体をやわらかくまとめつつ、スイーツの色味が引き立つようにしています。

・タイポグラフィ

タイトルの「苺フェア」には、やわらかさと上品さを感じさせる書体を使用し、女性をターゲットにした優しい印象を表現しました。

一方で「ICHIGO FAIR」や日付などの情報にはシンプルな書体を組み合わせることで、可読性を確保しつつデザインにメリハリをつけています。

和文と欧文を組み合わせることで、トレンド感と親しみやすさの両立を意識しました。

・情報設計

中央にタイトル、その周囲にビジュアルを配置することで、スクロール中でも一目で内容が伝わる構成にしました。

また、

  • フェア名(苺フェア)
  • 開催期間
  • 開催場所

といった必要な情報を中央〜下部にまとめることで、視線の流れに沿って自然に理解できる設計にしています。

装飾要素を取り入れつつも、情報の優先順位を明確にすることで、視認性を損なわないよう配慮しました。

・工夫したポイント

複数のスイーツ写真を使用することで視覚的なインパクトを高めつつ、中央に余白を確保することで情報の可読性を保ちました。

また、リボンやいちごの装飾を取り入れることで「期間限定」や「フェア感」を強調し、ユーザーの興味を引く工夫をしています。

さらに、左右に配置した英字テキストや装飾ラインにより、全体のバランスを整えながら、単調にならないデザインに仕上げました。

シェア