アスリート向け転職支援サービスのランディングページを制作

アスリートのセカンドキャリアの可能性を広げる

アスリートのためのセカンドキャリア支援サービスのランディングページを制作。20代のアスリートに対して、プロ/アマ問わず、どんな競技出身の方でもキャリア支援を行えることが同社サービスの大きな特長です。実際に、400種目以上あると言われる競技の例もランディングページ上で伝えています。また、「自分らしいアスリートキャリア」を登録できる点など他にはないサービスの魅力も訴求。ランディングページのデザインにおいては、アスリートならではの「情熱」を感じさせるエネルギッシュな印象になるようにトーン&マナーを設計しました。

• オレンジ・赤をメインカラーとして、「情熱」を感じさせるカラー設計
• レスポンシブデザインでありながらも、デバイスごとに最適化したデザイン設計
• 動きのある装飾を行い、エネルギッシュな印象が伝わるデザイン展開
• コンバージョンボタンのカラーは、全体のカラーリングに対して視認性の高いイエローを採用
• 太めのゴシック系フォントを使用することで、力強いデザインに
• タップやクリックのしやすさを考えたボタンUIデザイン
• 飽きさせないスクロールを考慮した、動きのあるレイアウト設計

• レスポンシブレイアウトのため、1HTMLでPC/スマホそれぞれに最適化したコーディング
• 情報に一覧性を持たせるため、スライダーコンテンツを実装
• 長い文章箇所は、続きを読むボタンのクリックによって全文を表示
• コンテンツをコンパクトに収めるため、アコーディオンを実装
• EFOの一環として、入力フォームをLP内に設置
• CTAリンクはページ下部にあるフォームへの遷移とし、スムーススクロールを実装