プロダクト紹介LP・広告バナー　MATCHBOX

ポートフォリオ作成サービスの「MATCHBOX」を紹 介するLP・広告バナーを制作

制作年月

Vol.1-2019.7制作　　Vol.2-2020.7制作

制作期間

1LP/バナーにつき 1ヶ月

制作規模

マネージャー(関係者との折衝・進捗管理) / マーケター(広告出稿・アクセス解析) / Webデザイナー 油田

担当範囲

ワイヤーフレーム・デザイン・コーディング

制作環境
/使用言語

XD・Illustrator・Photoshop・DW・AfterEffects ・MovableType(HTML/CSS/jQuery/Bootstrap)

ターゲット層

• ポートフォリオ作成サービスを探している求職者
• 作品をPRしたい方

目的・ゴール

• MATCHBOXの認知度を上げるため
• エントリー獲得

制作・ポイント

MATCHBOXは独自の世界観で業界を席巻するクリエイティブ集団の会社に開発していただいたため、MATCHBOXのトンマナを維持する必要がありました。そのため、注意を払いながらデザイン構成しました。また、LPごとに伝えたいことが変わったりするために、的確に伝えたいことが伝わるような表現を心がけました。

Vol.1 2019.7制作

https://mynavi-creator.jp/campaign/0002

LP

ペンタブレットでイラストを作成しました

バナー

工夫した点

第1弾のLP・広告バナーを制作。MATCHBOXを使うと転職サポートを受けられるという内容のため、求職者が安心して転職サポートを利用いただけるように、信頼感のあるデザインにしました。また、クリエイターが好むようなクリエイティブに富んだデザインにもしました。

上にあるイラストはペンタブレットで作成しました。信頼感・安心 感を持たせるようにグラデーションを多用したあたたかみのある 雰囲気にしました。

Vol.2 2020.7制作

https://mynavi-creator.jp/campaign/0004

LP

AfterEffectsでアニメーションを作成しました

バナー

工夫した点

第2弾のLP・広告バナーを制作。第1弾は転職サポートを案内する内容のため、顕在意識層の求職者に限られ、潜在意識層のユーザーには 響かないという課題がありました。それを払拭にするために、転職を考えなくても利用できることを理解してもらうために、MATCHBOXの機能面の紹介を前面にした内容で、完全にMATCHBOXのトンマナに合わせたデザイン構成にしました。

どんな機能があるのか、使用イメージを持たせるように、上の動画のとおり、AfterEffectsでアニメーションを作成し、SVGファイルを生成してLPに埋め込みました。

潜在意識層のユーザーに広げたため、CV率・利用者数が14%ほど向上しました。