【課題】Webデザイナー交流会バナー

OVERVIEW

オンラインスクールの課題で、X掲載を想定した架空バナーを制作しました。

YEAR 2025

【制作時間】7日間

【使用ツール】Photoshop

【目次】
1.制作物

2.制作要件

3.デザインの工夫


1.制作物



2.制作要件

💻制作物

  • Webデザイナー交流会開催のバナー制作
  • 掲載場所:X(旧Twitter)で告知文書とともに掲載

💻目的

  • Webデザイナー交流会を開催する旨を周知したい
  • バナーを見た人にイベントに申し込んでもらいたい

💻ターゲット

  • Webデザイナーの女性
  • 同業のつながりを作って交流を深めたい人
  • オフラインイベントなので、集合場所に集合できる方

💻トンマナイメージ

  • 可愛すぎず、大人スタイリッシュなイメージ
  • 「ここなら仲間が見つかるかも」と思ってもらえるような温かい雰囲気が伝わる


3.デザインの工夫

● 情報設計

  • タイトルの視認性を最優先に設計
    「Webデザイナー交流会」であることが一目で伝わるよう、文字サイズと可読性の高いフォントを選定。背景は写真ではなくグラデーションにすることで、情報の主役を明確にしました。

  • ターゲットに刺さるビジュアル配置
    女性Webデザイナー向けイベントのため、女性が大きく写る写真をメインに配置。
    「自分もここに参加する姿」を想像できる構成にしています。

  • 情報の優先順位を整理
    タイトル → 参加費 → 日時 → 場所 の順で視線誘導を設計。
    まずイベント内容を伝え、次に「無料」という参加ハードルの低さを提示。
    その後、具体的な日時・場所へと自然に情報取得できるレイアウトにしました。

● デザイン(配色・フォント・写真)

  • 温かさと安心感を生むオレンジを基調に設計
    メインカラーにオレンジを使用し、「ここなら仲間が見つかるかも」と感じられる温度感を表現。
    可愛くなりすぎないよう、落ち着いたトーンで大人スタイリッシュにまとめました。

  • 写真の情報量をコントロール
    写真点数が多いため、色味を調整しトーンを統一。
    下部の写真は明度を抑え、主役であるタイトルやメインビジュアルを邪魔しないよう工夫しました。

  • テキストエリアを明確に確保
    写真に埋もれないよう余白とエリア分けを意識。
    視認性を保ちつつ、華やかさとのバランスを取っています。