株式会社ブルーブレイズ（サービス名：キャリーナ）| LP

■ 概要

- URL

https://careena.jp/

- 担当範囲

• LPデザイン（コーディングはお客様ご自身で担当）
• LP内使用素材選定 / 制作
• 404ページ内使用素材選定
• OGP画像制作

- 使用ツール

Figma

- 制作期間

2週間（2021年6月）

- コンセプト

「百人百様のキャリアナレッジを共有知にすることで、後悔しない転職・キャリア選択をしてほしい」というゴールはそのままで、ブランドとしてのビジョンを「寄り添う・安心感を与える」から「上昇志向・成長思考を刺激する」へとアップデートしました。

- 制作の進め方

• デザインを進める前に、参考画像をできる限り集め、全体的なイメージ・各セクションのイメージ・イラストのテイストイメージをお客様と擦り合わせました。イメージに合いそうなものだけでなく、合わなそうなものを一緒にご提示しました。
• デザイン制作時は、お客様のイメージに合っているか逐一確認をしました。その際、複数作成したデザイン案の中から、お客様に選んでいただく形式で進めました。

■ 工夫点

- 全体

• 色数を減らし、白色をメインにすることで、キャリーナの洗練されたイメージを前面に出しました。
• イラストは「少し先の未来にいるかっこいい自分」を思い描けるような、スタイリッシュな印象のフラットデザインを用いました。

- メインビジュアル

キャリアナレッジ例を右側に載せ、下→上に動きをつけることで、サービス内容により興味を持ってもらえるようにしました。

- キャリーナの特徴について

「少しチャレンジしたデザインも入れたい」というお客様からのご希望もあり、ただ並べるだけではない遊びを加えたデザインにしました。

• 「キャリアナレッジを聞く」「スカウトをもらう」「キャリアナレッジを話す」ことで未来に進んでいくというイメージから、真ん中に点線を入れました。
• さらっと見てもキャリーナの特徴を掴めるよう、文字情報の優先度を意識しました。

- CTA

ボタンの先が分からない不安を少しでも減らせるよう、「Facebookで無料登録」した先にあるキャリアナレッジ一覧を横に載せました。

■ 404ページ

■ OGP画像

- 制作の進め方

• 最初のOGP制作だったため、「Webサービス・アプリ」のOGPを類型化し、方向性を擦り合わせるところから始めました。

• 決定した方向性をもとに、イメージの擦り合わせを行いました。（一部抜粋）

• キャッチコピーが確定した段階で、改めてワイヤーフレームを検討しました。（一部抜粋）

• ワイヤーフレームをもとに、最終的なデザイン案を制作しました。（一部抜粋）