SHElikes WEBデザイン入門コース バナー制作#3

OVERVIEW

シーライクス WEBデザイン入門コースのデザインドリルで制作したバナー(サマーセールバナー)

YEAR 2023

制作データ

********************************************

制作箇所:全て (※写真・イラスト素材は素材サイトからお借りしました。)

使用ツール:Photoshop

制作時期:2023.1月

********************************************

要件定義・課題内容

********************************************

ターゲット:

・セールの時期に服を買っている女性

・夏物をセールで購入しようと思っている女性

制作目的:夏のセールのお知らせバナー

方向性イメージ:20代後半~30代の女性向けのポップなデザイン

掲載場所:指定なし

サイズ:960×400 px

指定条件:

・夏のセールの中にありそうな商品写真を少なくとも3点以上入れる

・商品を目立たせたい

必要な要素:

・2022.7.20~7.30

・SPECIAL SUMMER SALE

・旬のアイテムが最大40%OFF

その他:遷移先はECサイト

********************************************

制作時のポイント・こだわった点

********************************************

配色

ミントブルー系の水色とクリーム色、明るい黄色で夏のさわやかさとポップさを表現しました。

文字の色は黒に近いネイビーで統一しています。


フォント

見出し:Novecento sans wide

手書き風文字:Mina

日付:ADAM.CG PRO

旬のアイテム~:游ゴシック


SUMMER SALEは目立たせたいので黄色+ドット柄でインパクト大にした

SPECIAL、40%OFFなど一部のフォントを変えることでアクセントをつけた。


個人制作テーマ:海、ドット柄

イメージの方向性としてポップ、というキーワードがあったので、マリン、海というキーワードが浮かび、それにそってデザインを考えました。

背景のミントブルー系の境界線をカーブさせて海や波のイメージ、ドット柄を取り入れてポップさを表現しました。

商品写真を目立たせたいとのことでしたので、浮き輪やココナツドリンクのイラストを商品画像の背景に入れ、目が行きやすいように工夫しました。また、夏の感じもさらに出せたのではと思っています。

期間のところに-(ハイフン)や矢印などの代わりにお魚をいれて小さな遊びを取り入れています。