制作時間：約8時間
制作期間：約1週間
制作範囲：情報設計・ワイヤーフレーム・デザイン
使用ツール：Photoshop
成果物
【Xバナー】
【Instagramバナー】
クライアントからの依頼内容
情報設計
ユーザーストーリーの作成
「5000円プレゼント」という注目を引く言葉をバナー中央にのせて、より詳細を確認したくなる仕様にしています。
ビジュアルデザイン
- 「夏らしさ」と「海外に飛び立つ（エアライン）」を思わせる爽やかな配色
明るい水色・白・レモンイエローでフレッシュさを出しつつ、暗め紺色を文字やドロップシャドウに使うことで、引き締まったデザインに仕上げています。
- 親しみやすくすっきりと読みやすいフォント選び
基本フォントは「源ノ角ゴシック JP」、英数字には「DIN 2014」を使用しています。くせがなく見慣れた日本語の「源ノ角ゴシック」と、少し縦長で海外製品表示にも多く使われる「DIN」を組み合わせることで、初心者でも親しみやすい英会話教室の雰囲気を表現しました。
- 地球モチーフと、外国人教師の画像でグローバル感をアップ
世界をイメージさせる地球のモチーフと外国人教師の画像を配置することで、英会話教室のバナーということを分かりやすくしています。
こだわったポイント
SNSの背景が白でも黒でもぱっとみて目をひく視認性と「爽やかさ」を重視した配色選びに力を入れました。また、パッと見て「お得だ！」「何だろう」と気になってクリックしたくなるよう文字の配置や情報設計を考えました。
制作を通して学んだこと
- 強調したい言葉と、それ以外の言葉とのメリハリのつけ方。
- クライアントの要件からユーザーストーリーを掘り下げる大切さ。
- 情報設計する際は足し算ではなく引き算。何を一番伝えたいのか軸を決めて、それに付随する必要情報の最小限を求める意識が大事だということ。