Facebook 【Hewtech 架空案件】オンライン英会話スクールバナー
Logo

【Hewtech 架空案件】オンライン英会話スクールバナー

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

【デザインについて】

●ビジュアルイメージ

「英語でのミーティングや商談に自信を持ちたい」というビジネス層の悩みに寄り添うため、信頼性と誠実さを軸にした世界観を構築しています。複数のビジネスパーソンが並ぶ写真を使用し、“グローバルに活躍する自分”を自然にイメージできるようにしています。青を基調とした落ち着いたトーンでまとめることで、実績のあるスクールとしての信頼感を強調しています。

●カラー

ブルー×ホワイトを中心に、ビジネス広告に求められる清潔感と信頼性を表現しています。キャンペーン情報や強調したい要素は、青の濃淡や余白の取り方でメリハリをつけ、視線が自然に重要情報へ流れるように設計しています。全体のトーンは堅実で誠実な印象に統一しています。

●タイポグラフィ

日本語フォントには視認性の高いゴシック体を採用し、“読みやすさ”と“ビジネスらしい端正さ”を両立しています。メインコピーは太めのウェイトで存在感を持たせ、ユーザーの悩みとサービス価値が一瞬で結びつくように調整しています。

●情報設計

「悩み → 解決(ビジネス英会話) → 実績(満足度98%) → 特徴 → キャンペーン → CTA」 という流れで視線が移動するように構成しています。情報量が多いため、文字の階層を明確にし、“どこを読めば何がわかるか”が直感的に理解できるよう整理しています。CTAは視線の流れの終点に配置し、無料体験への導線を自然に確保しています。

【工夫したポイント】

  • ビジネス層向けであることを踏まえ、過度な装飾を避けた端正で信頼性のあるデザインに統一
  • メインコピーと人物写真の関係性を調整し、「自分もこうなりたい」と感じられる共感性を強化
  • “ネイティブ講師”“ビジネス特化”“満足度98%”“24時間365日受講可能”といった強みが埋もれないよう、文字の階層と余白を最適化
  • キャンペーン情報は青の濃淡でメリハリをつけ、押しつけ感のない自然な視線誘導を構築
  • 情報量が多い中でも読みやすさを保つため、要素を整理し、無料体験へ視線が流れる導線を設計
シェア
foriio

あなたのforiioを無料で作成

fori.io/