【デザイン②】バナー制作(ヨガ教室)

デザイントレーニング2日目。

前回学んだデザインの基礎や流れをもとに、初めてのオリジナルバナー作成を行っていきました♪

まずはクライアントの依頼と要望を確認。今回の詳細は以下の通りです。

依頼内容：ヨガ教室のバナー

■入れたい情報
・Smart yoga（店舗名）
・ヨガでココロとカラダを整える
・手ぶらでOK
・体験レッスン500円
・初めての人限定

■色味
30代の女性が多いので、少し落ち着いた印象でお願いします

■バナーサイズ
300 ✕ 250
※あとで複数サイズに展開します

■目的
初回の体験レッスンをお得に行っているので、新規入会者を増やすための誘導になります。飛び先はランディングページです。

■ターゲット
30代〜の女性
テレワークやリモートで姿勢が悪くなっている人

依頼内容を確認したら、デザインコンセプトを考えていきます。前回の授業で、大切なのは誰に何を伝えたいのか？ということを学んだので、そこはブレないようにしっかり固めていきます。

依頼内容を見ていると、まず初心者でも気軽に通えそうだなという印象を持ちました。
また、テレワークやリモートで姿勢が悪くなっている30代以降がターゲットということで、おしゃれさや元気さよりは、健康志向なイメージかなと感じました。そこで、今回のコンセプトをまとめていきます。

20代後半〜30代の女性向けの、気軽に通える初心者向けのヨガ教室

今回はこのようにまとめました！

そして、参考になるバナーや写真素材を集めていきます。どんなカラーを使うのかもある程度考えていきます。

今回は落ち着いた印象を与えたいので、原色系よりは少しトーンが低めの色味で、健康的なオレンジやピンク、緑などを候補に上げました。

その後、必要な情報を整理し、手書きのワイヤーを作成していくのですが、ここで少し苦戦しました。
300×250という小さなスペースに、キャッチコピーや店名、その他の情報までを全て入れるにはどうしたらいいのかとても悩んで、、5回くらい書き直しました。

そして、なんとか構成を考えて、できた作品がこちらです。

制作時間：2時間半程度

【工夫したところ】
・初心者向けなので難易度が高そうなポーズの写真は避け、姿勢が良くなるイメージを持ってもらいやすい写真素材を選んだ。
・色味は落ち着いたピンクとベージュでターゲットの年代に合わせ、健康的なイメージを持ってもらえるようにした。
・「体験レッスン500円」を最優先の情報とし、まずは体験に来てもらえることを第一に考えてデザインした。

【難しかったところ、悩んだところ】
・入れなければいけない情報が多く、文字が多い印象になってしまった。
・キャッチコピーのフォントや文字の大きさ、改行するかしないか等（「ヨガで」の部分は入れなくてもいいかなと感じました。）

とにかく文字の配置のバランスですごーく悩みました！！

★先生からのフィードバック
◎全体的に色ブレが少なく、配色のバランスが良い。
△注釈の「初めての方限定」が小さくて見えづらいのと、「体験レッスン500円」と同じ枠に入れてあげた方がいい。
△キャッチコピーは少し小さくし、メインの「体験レッスン500円」をもう少し大きく目立たせた方がいい。

上記のFBを受けた後のデザインが、こちらです！

「体験レッスン500円」と「初めての方限定」を合体させて「初回体験」とすることで、はみ出していた注釈がなくなり、悩んでいた文字の多さがスッキリと改善されました！

確かに、ほんの少しの違いですが、FB後のデザインの方がバランスが良く、メインの情報が圧倒的に伝わりやすい、、！！

与えられた情報はそのまま記載しなくてはいけないという思い込みがありましたが、意味を変えずに違う言い方にすることもできるんだなと学びました。柔軟な考え方ができるようにならないとですね！

配色や全体的なバランスは褒めていただけたので、嬉しかったです！
普段からメイクや服装考えるときに研究してるおかげなのかな？って感じました！（関係なかったらすみません。）

そして今回提出したデザイン以外にも、トレーニングのためにいくつか作成してみました！（バナー作るのが楽しくてハマりました。）

デザイン案②

デザイン案③

デザイン案④

中に記載している情報は同じでも、使用する写真素材や色、フォントによって、かなり印象が変わりました！！

②はシンプルにまとまって個人的に気に入ったのですが、今回のデザインコンセプトにはそぐわないということ（どちらかというと洗練された上級者向けな、海外っぽい印象？）、先生からは全体の色が暗すぎるというFBを受けました。

③も自分の好きな写真や色を優先してデザインしたため、最初に設定したコンセプトからかなりずれてしまいました。（モデルの服装が鮮やかなピンクで10〜20代向けな印象、ポーズの難易度が高そう）
流行に敏感な若い人向けのバナーなら、良いのかもしれないです！

④は教室に通うことのイメージがしやすいような写真素材を選びました！先生との距離も近そうなので、初心者の方でも安心できるかなと思います。文字の色も最初にイメージしていた健康的な緑系を使用したため、この中では、1番コンセプトに合っているかなと思います。

「自分が好きなデザイン」と「求められてるデザイン」は違うので、そこをしっかりと見極めてデザインできるかが、課題だなと感じました！！

次は不動産バナーの課題と、コーディングの基礎に取り組んでいきます！

今回もご覧いただき、ありがとうございました♪