【実案件】SHE株式会社様　ポップアップバナー(適職診断)

【概要】

SHE株式会社様が運営するオンラインスクール『SHElikes』のLP内にて、離脱前に表示されるポップアップバナーを制作いたしました。
初稿ご提出時に2案にてご提案し、最終的に2案ともご納品させていただきました。

【目的】

・LP離脱前の閲覧者に対して公式LINEへ誘導し、友だち登録者数を増やしたい。

【掲載場所】

・SHElikesで配信中の全LPに適用

【ターゲット】

・20-30代の働く女性

∟特に働き方やキャリアにモヤモヤや悩みをお持ちの方

・SHElikesのことを認知済みで、LPを見るレベルに関心をお持ちの方

∟※動線イメージ

SNS等の広告→公式LP→「本ポップアップバナー」→LINE

【制作要件】

・中央部分コピー(自分にぴったりの〜)を一番目立たせる形での制作を希望

・職種部分にイラストを用いて欲しい

【2案ご納品の流れ】

配信中の全LPに適用予定のポップアップのため、初稿ご提出時には可愛らしいイメージのものときれいめのイメージのもので2案ご提案させていただきました。

結果として、2案とも喜んでいただき、最終的に2種類ともにご納品させていただくことになりました。

【完成制作物①】

【工夫したポイント】

・最も目立たせたいとご希望いただいた「自分に〜」のコピー部分はアクセントカラーを用いることで強調しました。一方、そのコピー部分の白背景を透過して各カラーと馴染ませることで、違和感が出ないように気をつけています。

・イラストを4枚横並びにしてインパクトを出しています。人物部分は可愛らしい雰囲気のイラストを選定し、手書き調の背景も入れることで全体を柔らかい印象に仕上げました。

・中央部分のコピーやイラスト部分を強調した分、上下の要素部分はシンプルに仕上げて、全体がごちゃつかないようにしています。

【完成制作物②】

【工夫したポイント】

・「自分にぴったりの〜」のコピーを虫眼鏡の中に入れて、適職を探しているようなイメージに仕上げました。4枚のイラストの中央部分に角度をつけてコピーを置くことで、インパクトのあるデザインになっていると考えています。

・イラストはモダン調のものを枠外にはみ出るようなイメージで配置しました。全体に広がりを持たせてダイナミックさを演出しています。

・虫眼鏡を黒枠にすると全体が重くなりすぎたため、オレンジをアクセントカラーにしてまとまりを出しました。