【自主制作】架空コスメブランドのSNSバナー（レイアウト・ビジュアルデザイン）

目次

①制作物

②工夫したこと

③制作を通じて学んだこと

①制作物（使用ツール：Photoshop）

▼ 制作サイズ：1080px × 1080px

③工夫したこと

【情報設計】

世に出ているキャンペーンバナーをピンタレストなどで研究し、以下のユーザーストーリーを設定しました。 

①女性の横顔が目についた（ひきつける）

②肌に良い化粧品という部分が気になった（アピール・訴求）

③数量限定の商品であることが分かった（具体的内容の伝達）

④社名が分かった（アピール）

【情報設計】

提供写真の雰囲気に合わせて、ナチュラルな印象にまとめました。爽やかな夏らしさを感じさせる白をベースカラーとし、メインカラーを商品にも使われている茶色系に、アクセントとして高級感が出るよう金色を使用しました。

• 過度な装飾は控え、シンプルでキレイめな印象になるようにしました。
• 画面に奥行きを出すために、手前にぼかした緑を配置しました。
• 商品の写真にパースがかかっているものは、極力調整して違和感が少なくなるように努めました

③制作を通じて学んだこと

• 実際の商品画像を使うには、扱いの難しさや細かな調整が大事だと学びました。
• 要素の少ないレイアウトの難しさを感じました。