【制作の流れ】
HerTechの課題で未経験からWebデザイナーを目指す女性向けの転職支援バナーを制作しました。
業務範囲:情報設計・デザイン
使用ツール:Canva
所要時間:3時間
【デザイン】
・カラー
フレッシュな印象になるよう明るいピンクとオレンジを採用しました。
新たな気持ち・新たな挑戦に憧れる印象を表現しました。
・タイポグラフィー
セザンヌ
花鳥風月
・情報設計
①キャッチコピー → ②イメージ画像 → ③キャンペーン情報 → ④ctaボタン
の順で視線が流れるよう配置。
【工夫したポイント】
「自分らしく選べる未来へ」「未経験から始めるWebデザイナー」というコピーを大きく配置し、右肩上がりにすることでキャリアチェンジへの前向きな期待感が伝わる構成を意識しています。メインビジュアルには明るい表情の人物写真を使用し、未経験でも新しい一歩を踏み出せる安心感や親しみやすさを表現しました。
配色はピンク〜オレンジ系のグラデーションをベースに、女性向けサービスらしい華やかさとやわらかさを演出。背景のドットや装飾でポップさを加えつつ、情報量が多くなりすぎないよう、白帯を使ってキャッチコピーの可読性を高めました。さらに、「面談回数増加キャンペーン」や「無料セミナー参加」などの訴求ポイントを分かりやすく整理し、ユーザーがサービス内容とメリットをひと目で理解できるように設計しています。
また、キャッチコピーとctaボタンの背景と文字のカラーを反転させることでキャッチコピーからctaボタンへの視線誘導を図っています。
・「新しい働き方」「自分らしいキャリア選択」といった前向きな印象を与えられるよう構成
・キャンペーン訴求と無料セミナーへの誘導を組み合わせ、行動喚起につながる導線を意識
・メインコピーを白帯の上に大きく配置し、視認性とインパクトを両立
・ピンク・オレンジ系のグラデーションで、女性向けらしい華やかさと親しみやすさを演出
・「転職サポート増々キャンペーン」の情報を中央付近にまとめ、メリットがひと目で伝わる構成に調整
・人物写真にガッツポーズのカットを採用し、前向きさ・安心感・挑戦のイメージを強化
・CTAボタンを下部に大きく配置し、無料セミナー参加への導線を明確化