【自主制作】WEBデザイナー交流の告知バナー

OVERVIEW

キャリアスクール「SHElikes」のWEBデザイン入門コースで作成したバナーです。

YEAR 2022

制作時間:修正含め約3時間

制作期間:初版、修正版含めて約3日

制作範囲:デザイン

使用ツール:Photoshop

①成果物

完成バナー

②要件定義

◆制作目的:イベント開催の周知、申込みページへの誘導

◆ターゲット:

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

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

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

◆サイズ:Twitter ( 幅1146px  高さ600px)

◆必要な記載事項:

・Webデザイナー交流会 for Beginner

・みんなでわいわい

・開催日:4月10日(火) 19:30-21:30

・参加費無料

◆掲載先:申し込みページ

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

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

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

※他にも追加したい要素があれば入れてもOK。

※使用可能な写真は予め与えられているが、その他の写真を使いたい場合はフリー素材サイトから探して配置してOK。

③ビジュアルデザイン

●情報構成

WEBデザイナー交流会の楽しさ、にぎやかさが伝わるようにピンクの色調の中でもオレンジがかった明るめ、濃いめの色調を使用し、初めて作成したバナーは下記デザインであったが、必要要素の「みんなでわいわい」が抜けていた点と、テキスト要素ごとのジャンプ率をもう少しつけること、バナーを見る方に伝えたい優先順位を整理して下記バナーに修正。

今回テキストの重要度、優先順位は、

❶メインタイトル、サブタイトル

❷参加費無料(もしくは、日付)

❸日付(もしくは、参加費無料)

❹みんなでわいわい

上記初回作成バナーの右側のサーモンピンクの背景は「交流会のイメージとは少し違うような印象」というフィードバックをコーチにもらい、全体の雰囲気と合ような背景に修正。

上記1回目修正版は装飾が多かったので、あしらいを引き算をした。参加費無料は円の中に入れるため2段に修正。

④こだわった点

・必要情報だけを盛り込み数あるイベントの中でも目に止まるようにシンプル、かつ視認性があるデザインを意識して作成。

・ターゲットである女性に興味を持ってもらえるよう暖色系の色調にし、文字の背景に交流会の写真素材を使用。
・フォントの色もなるべく統一感が出るよう、スポイトでメインカラーのピンクの濃度を上げた色を使用。

⑤制作を通して学んだこと

・Photoshopの基本操作方法

・バナーの情報設計について