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

OVERVIEW

シーライクス WEBデザイン入門コースのデザインドリルで制作したバナー(アプリ訴求バナー)

YEAR 2023

制作データ

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

制作箇所:全て (※写真素材、肉球のアイコンなどは素材サイトからお借りしました。ロゴは課題の指定素材)

使用ツール:Photoshop

制作時期:2023.1月

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


要件定義・課題内容

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

ターゲット:

・ペットの写真を使ってグッズを作りたいと思っている人

・撮った写真をスマホのアプリで手軽にグッズにしたいと思っている人

制作目的:アプリのサービス訴求バナー

方向性イメージ:

・ペットの写真を目立たせて、ペットを飼っている人の目を引くようにしたい

・ペットの写真を撮るだけでオリジナルグッズができる、ということがデザインだけで分かるようにしたい

掲載場所:指定なし

サイズ:1200×1200 px

指定条件:

・犬または猫の写真を使用する

・オリジナルグッズはマグカップを想定

・ロゴの色はデザインに合わせて変更可能

必要な要素:

・写真を撮って送るだけ!

・あなたの大切なペットがオリジナルグッズに!

・今すぐアプリをダウンロード!

・サービス名のロゴ

遷移先:アプリのダウンロードページ


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

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

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

配色

写真を先に決めていたため、猫ちゃんがだっこしているぬいぐるみ(?)から色を拝借。ヘルシーな色味になったので、男女選ばない配色になったと思う。

マグカップの背景にオレンジとドット柄の丸を入れることで、マグカップと背景色がなじんでしまうのを抑えた

フォント

写真を撮って~、あなたの大切な~:Zen Maru Gothic

今すぐアプリを~:源ノ角ゴシック JP

動物の写真を使用しているので、温かみがある感じを演出したいと思い少し丸みのあるゴシック体をメインで使用。

アプリダウンロードはわかりやすくしたかったので、より視認性の高いものを選んだ。


個人制作テーマ:猫ちゃんの魅力!!

猫の写真を大きめに使用し、インパクトがある構図にしました。

どのようなグッズが作れるのかをわかりやすくするために、マグカップも大きめに配置。文字も下に多めに入れることで、上下のバランスをとれるようにしました。

アプリダウンロードボタンのアイコンを肉球にして遊びを入れています。

ボタンであることと、行動を促すようなポイントがあると更に良いとTAの方からアドバイスをいただき、「ぽちっ」っというボタンを押す時の音を小さくいれています。