Facebook 【架空案件】Webデザインオンラインスクールバナー
Logo

【架空案件】Webデザインオンラインスクールバナー

クレジット
Avatar
WEBデザイナー
【架空案件】Webデザインオンラインスクールバナー-1
シェア
制作ノート
[制作について]

●ビジュアルイメージ
女性のためのWebデザインスクールというブランドイメージに合わせ、「子育てしながらでも学べる」「自分らしい働き方を叶えられる」という世界観を表現するために、赤ちゃんを抱えながらPC作業をしている女性の写真を採用しました。

●カラー

ピンク系をベースカラーとして使用しました。濃すぎない柔らかいピンクを選ぶことで、女性らしさとフレッシュさを両立。CTAボタンは視認性を高めるために、背景とのコントラストを強めたピンクを採用し、行動喚起が自然に目に入るように設計しています。全体を同系色でまとめることで、統一感と優しい印象を持たせています。

●タイポグラフィー

キャッチコピーには明朝体を使用し、女性らしさ・上品さ・柔らかさを表現。 キャンペーン情報や具体的な説明部分にはゴシック体を使い、 読みやすさと情報の整理性を重視しました。 文字の強弱(太さ・サイズ・余白)をつけることで、 視線が自然に重要情報へ流れるようにしています。

●情報設計

最初に目に入るキャッチコピー「未経験から始める自由な働き方。」はサイズと余白で強弱をつけ、ターゲットが一瞬で内容を理解できるように配置。キャンペーン情報では「3回 → 今だけ5回」という数字を大きくし、増えるメリットが直感的に伝わるようにしました。面談内容(1対1/フリーランス対応/企業転職サポート)は横並びで整理し、“どんなサポートが受けられるのか”がひと目で分かる構成にしています。最後にCTAボタンを下部に大きく配置し、自然な視線誘導で「無料セミナー予約」へ進める導線を作りました。

シェア
manamiの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【架空案件】Webデザインオンラインスクールバナー-1
manamiの他の作品
foriio

あなたのforiioを無料で作成

fori.io/