CIY®適性検査LP

「CIY®適性検査」のサービス紹介LP

デザインコンセプト

HR✕AIツール「CIY®（シーアイワイ）」が提供する適性検査の、集客用ランディングページです。読み手として想定したのは、採用の合否判断に責任を持つ人事担当者と、現場で面接官を務める管理職の方々。この方々が抱えているのは「面接の印象は良かったのに、入社後に活躍しない」という、判断の精度そのものへの不安です。この不安を裏返して、ファーストビューで言い当てることをデザインの起点としました。

トーン＆マナーは、人材アセスメントにありがちな重厚さ・堅苦しさから意図的に離し、白と余白を基調とした明るい画面に振り切りました。

扱う内容は数値とロジックですが、読み手に与えたい感触は「難しそう」ではなく「これなら使えそう」。人物写真をすべて自然な表情の実写で揃え、要所にイエローのキャラクターイラストを差し込んだのは、その距離感を保つためです。

カラーリング・キービジュアル

ベースカラーは、CIY®適性検査のテーマカラーであるシアンブルーです。判断・根拠・データという理性側のテーマを支える色として据えつつ、彩度をやや落として冷たさを抑えました。

CTAボタンにはブルー（資料請求）とグリーン（30日間無料お試し）を割り当て、背景の淡いブルーグレーから浮き上がる配色に。信頼感を担うブルーと、行動のハードルを下げるグリーンを役割で塗り分けています。

キービジュアルは、笑顔の女性の実写を右側に大きく配置し、その手前に管理画面を映したノートPCとスマートフォンを重ねました。無形のサービスであるほど「実際に何が手に入るのか」の判断は遠のくため、実物のレポート画面を最初に見せる設計です。

加えて右上には特許証を模したゴールドのリボンバッジ（特許番号7219981）を置き、ファーストビュー直下には離職改善率62%・活躍人材予測率71%・導入企業820社・分析累計65万人・特許取得の5指標を月桂樹のあしらいで横並びに。数字だけを大きく、単位や補足は小さく組むことで、流し見のスクロールでも実績が頭に残るようにしています。

情報設計：「読み解く資料」を「そのまま使える判断材料」に見せる

このLPで最も設計に時間を割いたのが、適性検査という無形かつ専門的なアウトプットを、どこまで具体的に見せるかという点です。

全体は「課題の言語化 → 転換 → 実物の提示 → 他社との違い」という一本の流れに整理しました。

まず「こんな課題でお悩みなら」の下に「その採用、まだ”なんとなく”で決めていませんか？」を置き、担当者A・K・T・Yさんという4名の吹き出しカードで悩みを具体化。写真とダークトーンの吹き出しを組み合わせ、読み手が自分に近い一枚を見つけられるようにしています。その直下で「CIY®適性検査は、この”勘”を、誰でも使える根拠に変えます。」と受け、悩みと解決を1画面で接続しました。

続くASSESSMENTセクションでは、機能説明を並べる代わりに実物のレポート画面を主役に据えています。「点数ではなく、合うか？どこを面接で確かめるか？がわかる。」という見出しの下に、デモ動画と実物レポートのサンプルを配置。総合評価のマッチ度をS〜Dのアルファベットと％で示し、基礎能力の項目を「企業／候補者」の2列で並べて○△×の判定を添える構成にしました。数値の羅列ではなく、比較して差分を見る形式にすることで、専門知識のない担当者でも読み方に迷わない画面になっています。

さらにDIFFERENCEセクションでは、「これまでの適性検査」と「CIY®適性検査」を左右のカードで対置しました。左に「結果は出る。で、どう判断する？」、右に「ゴールと比べて、判断まで出る」を置き、あいだを矢印で結ぶ。競合との違いを文章で説明するのではなく、読み手が自分の現状を左に重ねられる形にしたことで、差分がそのまま導入理由として伝わります。

CVへの導線設計

CTAは、反復配置と選択肢の固定を方針としました。「資料請求」と「30日間無料お試し」の2つを常に同じ順番・同じ色で並べ、画面下部には黄色い「今すぐお試し or 資料請求！」の吹き出しを添えた固定フッターを常時表示。スクロール位置にかかわらず、次の行動が視界から消えない状態をつくっています。

検討度合いが分かれる商材のため、資料で比較したい層とまず触ってみたい層の両方を、同じ導線上に置いたままにする設計です。

加えて、導入の障壁になりやすい「AI採用は公平か」という懸念にも1セクションを充てました。「フェアに測るから、自信を持って採用できる。」の見出しのもと、CIY®倫理憲章と分析資料をPDFで開示し、本人開示・同意といった取り組みを番号付きで列挙。申し込み直前に立ち止まる理由をあらかじめ取り除くことも、導線設計の一部として組み込んでいます。

グレート・ビーンズは、Webマーケティングの戦略からコンテンツ制作、デザイン・実装まで、ワンストップでお任せいただける強みがあります。