You need to enable JavaScript to run this app.
シェア
【自主制作】オンラインプログラミングスクール バナー
作品について
クレジット
amu - yumika
デザイナー
シェア
コピー
埋め込み
閉じる
制作ノート
戻る
【デザインについて】
投稿者
amu - yumika
ビジュアルデザイン <br>パソコンに向かい、未来を少し見つめる女性の写真をメインに配置。「自分もこうなれるかもしれない」という期待感を想起させる構成にしました。背景画像に白のオーバーレイ(座布団)を敷くことで、写真の解像感を保ちつつ、テキストの可読性を最大化しています。
カラー <br>信頼感と知性を象徴する「ネイビー」をベースに、ユーザーの目を引き、行動を促すアクセントカラーとして「オレンジ」と「イエロー」を使用。全体をスタイリッシュかつエネルギッシュなトーンで統一しています。
タイポグラフィー <br>信頼感を与える太めの角ゴシック体を採用。「3ヶ月」「未経験」などの重要ワードを大きくし、助詞を小さく調整することで、一瞬で内容が理解できる情報設計を行いました。
【工夫したポイント】
世界観を補完するグラフィック <br>背景のオーバーレイに薄く幾何学模様のテクスチャを重ねることで、ITスクールらしい「デジタル感」や「論理性」を演出し、単調にならないよう工夫しました。
「押したくなる」CTAデザイン <br>画面下部の予約ボタンには、斜めのハイライト(光の筋)とドロップシャドウを加え、立体感を演出。「無料」の文字を際立たせることで、ユーザーの心理的ハードルを下げ、クリックを促す設計にしています。
視線誘導の徹底 <br>左上のタグからメインコピー、そして右下の予約ボタンへと視線が流れるよう配置。モデルの視線の先にコピーを置くことで、自然とメッセージに注目が集まるようにしています。
シェア
コピー
埋め込み
amu - yumikaの他の作品
画像
作品を見る
【自主制作】スイーツバナー
画像
作品を見る
【自主制作】スキンケア美容液バナー制作
画像
作品を見る
【HerTech 架空案件】ペットフード バナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
amu
fori.io/amuuy
コピー
ポートフォリオを無料で作成
ログイン
amu - yumikaの他の作品
画像
作品を見る
【自主制作】スイーツバナー
画像
作品を見る
【自主制作】スキンケア美容液バナー制作
画像
作品を見る
【HerTech 架空案件】ペットフード バナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo