【自主制作】女性向けWebスクールのキャンペーンバナー

= 詳細 =

＜制作日＞2025.10月

＜制作期間＞約6時間

＜使用ツール＞Photoshop

＜納品サイズ＞横1200px × 縦630px

■目次

　① 制作物

　② 情報設計 / デザインのポイント

① 制作物

② 情報設計 / デザインのポイント

＊テーマ

・女性向けWebデザインスクールの会員サイト内に設置するキャンペーンバナー

・ぺージ訪問時にひと目で内容が伝わり、クリックしたくなるようなバナー

＊目的

・詳細ページへのクリックに繋げたい

＊ペルソナ

・年齢：30歳

・性別：女性

・職業：会社員（事務）

・ライフスタイル：Webスキルを学びながら将来的に副業にチャレンジしたいと考えており、3か月前にウェブデザインスクールに入会して勉強中。 

＊デザインのポイント

・構成

伝えたい情報の優先度を「金額」→「キャンペーンの情報」→「期間」の順に整理し、重要度順に文字の大きさや色を変えて強調しました。特に一番伝えたい金額部分は大きく中央に配置することで、パッと見て情報が入ってくるデザインにしました。

・配色

女性らしい印象のあるピンクをメインカラーに設定しました。さらに、キャンペーンのバナーなのでお得感やポジティブな印象を持ってもらえるように明るい色味にしました。金額部分は注意を引く色として黄色に、文字の色はイラストに合わせて紺色にして統一感を出しました。

・イラスト

２人の女性を使用することで「紹介した人・紹介された人」の関係性を視覚的に認識できるようにしました。また、笑顔のイラストで明るく親しみやすい雰囲気を出しました。

・フォント

メインのフォントは見やすく柔らかい印象を与えるDNP 秀英丸ゴシック を使用しました。「5000」の部分は源ノ角ゴシック JP を使用して視認性を高めました。