Facebook 【HerTechの架空案件】オンライン英会話スクールの入会誘導バナーの作成
Logo

【HerTechの架空案件】オンライン英会話スクールの入会誘導バナーの作成

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

【デザインについて】

●ビジュアルイメージ

外資系企業に勤務する30代後半〜40代のビジネスパーソンを意識し、チープさを排除した落ち着きのあるトーンでまとめ、「ここに任せれば安心」という信頼感の構築を目指し作成しました。

外国人講師と日本人ビジネスパーソンが並ぶことで、「ネイティブ講師から学べる」という価値を直感的に伝えています。また、全員が柔らかな笑顔を見せることで、オンライン英会話への心理的ハードルを下げています。

 

●カラー

ベースカラーには薄いオレンジを採用し、画面全体を明るく見せつつ親しみのある、ポジティブな印象にしました。

メインカラーでは、深みのあるグリーンを採用し、全体の引き締めと落ち着きを表現しています。

 

●タイポグラフィ

視認性の高いゴシック体(SourceHanSansJP)で統一し、文字のジャンプ率で情報の重要性を表現しました。フォントを統一したことでマンネリ化にならないよう、フチ取りや吹き出しを用いています。

●情報設計

補足情報のフォントサイズを小さくすることで、視線の誘導をスムーズにしています。

右下のボタンに「▶」の矢印を添えることで、文字を読み込まなくても「ここを押せば次のアクションに進めるか」が直感的に伝わる設計にしました。

 

 

【工夫したポイント】

視覚的なアクセントとして、強みである「Point①②」や「今なら」を円や吹き出しの中に配置しました。これにより、情報量が多くてもごちゃつかず、重要なポイントに自然と目が留まるよう配慮しています。

また、キャンペーンの目玉である「10,000円」は、数字を最大化し「入会金」や「円」を小さく添える変則的な文字組みにすることで、お得感が一目で強烈に伝わるよう工夫しました。

さらに、上部で「ベネフィット」、中央で「信頼の根拠」、下部で「特典(行動の後押し)」とユーザーの心理変化に沿って要素を配置し、スムーズな視線誘導で右下の「詳細はこちら」ボタンへ繋げています。

 

シェア
宮原 祐香の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTechの架空案件】オンライン英会話スクールの入会誘導バナーの作成-1
宮原 祐香の他の作品
foriio

あなたのforiioを無料で作成

fori.io/