オレコン 様 公式サイトトップページCTA
img design（Illustrator） / design / coding
ターゲット
企業の業務効率化や組織づくり、人事・採用などに課題を感じている経営者・人事担当者。
業務改善や経営に役立つ情報を収集し、自社の課題解決につながるサービスやノウハウを探している方。
課題
メルマガ登録への導線は設けられていましたが、登録することでどのような情報や特典が得られるのかが伝わりづらく、ユーザーが登録するメリットを判断しにくい状態でした。
そのため、特典の内容を視覚的にわかりやすく提示し、メルマガ登録への興味を高めることが課題でした。
目的
メルマガ登録によって得られる特典の内容を具体的に伝えることで、ユーザーに登録するメリットを感じてもらい、登録ページへの遷移を促すCTAセクションを制作しました。
単に「登録はこちら」と誘導するのではなく、特典の内容を見せることで興味を喚起し、自然にCTAへつなげることを目的としています。
情報設計
特典の内容が一目で伝わるよう、Illustratorで特典資料のモックアップを制作し、実際にどのような資料が受け取れるのかを視覚的に伝えました。
特典画像の下には「無料でダウンロードできること」と「特典の内容」を配置し、「どんな特典かを知る → 無料であることを確認する → ダウンロードする」という流れで自然にCTAへ進める構成としました。
また、特典タイトルの下線はhover時に左から右へ表示されるようCSSで実装し、ボタンもhover時に背景色と文字色が変化する仕様にすることで、クリックできる要素であることが直感的にわかるようにしました。
デザインコンセプト
「特典の内容を見せ、登録するメリットを直感的に伝える」
実際の特典資料をモックアップで見せることで、登録後に得られるものを具体的にイメージできるデザインに。
シンプルなレイアウトで情報の優先順位を整理し、特典への興味から自然にダウンロードへつながる構成としました。