【自主制作】Instagramストーリーズ用バナー/ヨガスタジオ

OVERVIEW

スキルアップウィークの課題です。

KAORIさん主催のスキルアップウィークのお題のInstagramバナー制作課題に取り組みました。

お題をもとにFBをいただき、修正を重ねて完成させました。


使用ツール:Illustrator

制作物

要件ワイヤーフレーム(指定)


制作バナーについて、ブラッシュアップ過程

1回目

制作時間:3時間(参考画像検索・ワイヤー考案:1時間、デザイン2時間)

こだわったポイント

・「昼間ヨガスタジオに通えないOL」でも、気軽に参加できる「オンラインでの開催」ということが一目でわかるよう、「オンライン開催」を上に持って行きました。

・参加のハードルを下げるために無料であることが一目でわかるように黄色をアクセントに月をモチーフにした丸い画像の中に「参加費無料」がくるようにしました。

・疲れたOLでもゆったり体を労ってほしいという思いを込めて、夜の落ち着いた雰囲気を伝えるために背景を濃い青色を水彩っぽくし、細い線のあしらいをつけて優しい雰囲気に仕上げました。


2回目

(参考バナー検索・ブラッシュアップ時間:2時間)

修正した点

・全体的にネイビーな色合いに変更しました。

・左上の「参加費無料」を少し上にして重心を上げました。

・見出しを大きく配置してジャンプ率を意識することで可読性・視認性を上げました。

・見出しをさらに目に入りやすくするために一部黄色く着色してどれがタイトルなのかすぐにわかるように工夫しました。

・日付の見せ方を工夫してまとまりを良くしました。


3回目

(ブラッシュアップ:40分)

修正した点

・「オンライン開催」に枠をつけて「リラックス夜ヨガ」と分けました。

枠はピンタレストで見出しを検索して参考にしました。

・見出しの「リラックス夜ヨガ」と日時の部分を大きくしました。

・吹き出しの部分に尻尾をつけました。


4回目(完成)(ブラッシュアップ30分)

修正した点

・アクセントカラーの黄色をゴールドへ変更しました(濃くて暗い色へ)

・「オンライン開催」を「リラックス夜ヨガ」の下へ、「今日はぐっすり〜」のコピーを右上へ、

「無料開催」の配置を変更しました。

・全体のバランスを見て一部游ゴシックへフォントの変更をしました。

・「詳しくはこちら」を削除し、スワイプアップへの誘導の円を小さくしました。