【架空バナー制作】WEBデザイナー交流会

目次

（１）要件

（２）制作したバナー

（３）工夫したこと

（４）制作を通して学んだこと

（１）要件

・ターゲット

　Webデザイナー歴1~2年の初心者デザイナー

　最近スクールを卒業しWebデザイナーとして働き始めたがまだまだ不安がある方

　フリーランスを目指しており同業の方との繋がりが欲しい方

・目的

　イベント開催の周知、申込みページへの誘導

・制作要件

　遷移先：申し込みページ

　方向性イメージ：女性向けで温かいイメージ

　指定カラー：温かみが伝わるピンク系、オレンジ系などの暖色

　伝えたいこと：トークセッションもあるがメインは参加者同士で交流ができること

（２）制作したバナー（1146px × 600px）

（３）工夫したこと

・制作要件の「温かみ」を意識した配色

　ベースカラーをパステルカラーのピンク色に、アクセントカラーにはクリーム色を使うことで、制作要件の「温かみ」や、交流会の穏やかな雰囲気を感じられるようにしました。文字の色は黒だと固すぎるので、茶色を使うことで、情報がよく見える上に、柔らかい印象にしました。

・大人の女性らしい落ち着いたフォント

　交流会の温かく、穏やかなイメージを持ってもらうために、ゴシック体（筑紫B丸ゴシックと筑紫A丸ゴシック）で統一しました。for beginnerは英字（Apple Chancery）で、大人の女性に向けて、落ち着いた印象も出したかったので、明朝のようなフォントを使いました。

・情報をまとめる

　①交流会のタイトルと詳細、②写真、③みんなでワイワイでそれぞれ情報をまとめました。また、交流会のバナーであることをしっかり伝えるために、左上にタイトルを配置しました。

・交流会の楽しい雰囲気を伝えるデザイン

　ピンクの背景は、祭りのペナントの形のようにしており、楽しいイメージを持ってもらえるようにペンツールで図形を作成しました。また、交流会であることを推すために、「みんなでワイワイ」も目立たせたいので、詳細とは別に配置して、絵文字のように、スラッシュを入れました。

・人物にフォーカスした写真

　Twitterで流れてもインパクトがあるように、写真は人物にフォーカスして、楽しそうに集まっている様子が伝わるようにして、交流会に興味を持ってもらうことを意識しました。

（４）制作を通して学んだこと

　デザインを考える時に、目的やターゲットを確認しながら進めていく重要性を学びました。配色やボタンの種類など無数の選択肢がある中で、バナーを見てどう感じて欲しいか、次に何をして欲しいかなど、冒頭で決めた目的やターゲットを改めて振り返って考えていくことで、全体的に統一感を出すことができました。