You need to enable JavaScript to run this app.
シェア
Webデザイナー講座 広告バナー
作品について
クレジット
Yohko Watanabe|Web Designer
WEBデザイナー
シェア
コピー
埋め込み
閉じる
制作ノート
戻る
Webデザイナー講座 広告バナー
投稿者
Yohko Watanabe|Web Designer
① 作品概要
作品名: Webデザイナー講座 広告バナー(メインビジュアル3案)
案件想定: ママ向けWebデザインスクール(Famm想定)
目的: 講座内容の即時理解と詳細ページへの遷移促進
ターゲット: 在宅ワークで副業を探している子育て中のママ
想定媒体: Instagram / Facebook 広告
制作期間: 1日
使用ツール: Photoshop
担当範囲: 企画/構成/デザイン制作
② 課題設定
講座内容が一目で伝わりにくい
ターゲット(ママ)への共感要素が弱い
スクロール中に訴求が埋もれやすい
③ 企画・設計の意図
キャッチコピーの視認性を最優先に文字階層を設計
メインビジュアル違いで訴求軸を変えた3案を制作
円形要素で情報を整理し、直感的に内容把握できる構成
スマホ閲覧を前提とした余白と文字サイズ設計
④ デザインの工夫
配色: オレンジ×パステルカラー(親しみ・安心感を与えるため)
フォント: 太めゴシック+手書き風(信頼感とママ向け柔らかさの両立)
写真選定: 笑顔の人物:安心感・始めやすさ訴求 子どもと一緒:在宅ワークのリアルな生活感 一人でPC:スキル習得後の未来像を想起
⑤ 成果・気づき
目的とターゲットを明確にすることで、判断軸がぶれなくなる
同一コピーでもビジュアルで訴求を変えられることを再認識
シェア
コピー
埋め込み
Yohko Watanabe|Web Designerの他の作品
画像
作品を見る
企業コーポレートサイト
画像
作品を見る
コスメ/UVクリーム広告バナー
画像
作品を見る
フィットネスジム広告バナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
Yohko
fori.io/yohko-watanabe
コピー
ポートフォリオを無料で作成
ログイン
Yohko Watanabe|Web Designerの他の作品
画像
作品を見る
企業コーポレートサイト
画像
作品を見る
コスメ/UVクリーム広告バナー
画像
作品を見る
フィットネスジム広告バナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo