WORKS DETAILランディングページ(LP)&サイト制作実績の詳細

採用戦略講座のランディングページ(LP)を制作

ジャンプ株式会社さまが運営されている採用戦略講座「STRUCT ACADEMY」のランディングページ(LP)を制作しました。

採用戦略講座のランディングページ(LP)を制作

ランディングページのテーマ

時代に左右されない採用戦略の基礎を、たった半日で学べる。

業歴20年、800社以上の採用コンサルティング経験をもつジャンプ株式会社さまの採用成功法則をフレームワーク化した採用メソッド「STRUCT」。同メソッドの基礎を半日のオープン講座で学べる「STRUCT ACADEMY」の受講募集用ランディングページの制作に携わりました。一方的に話を聞くだけの座学ではなく、ワークセッションを通じて概念化された理論を自社の採用に落としこんでいくプロセスを体感することができる同講座の受講イメージが伝わるように、インフォグラフィックの制作や、当日の受講内容をコンテンツとしてLPに活用しています。実際に本講座を受講した人事ご担当者様の「リアルな声」を掲載することで、本講座が自社の採用活動にもたらす変革インパクトを直感的に訴求しています。

ランディングページのデザインコンセプト

  • 「STRUCT」の格式を高めるような公式感のあるデザイン
  • ロゴのオレンジを基調としてシンプルながらインパクトのある印象に
  • 「STRUCT」の概念を視覚的に表現したビジュアルモチーフを作成
  • フラットデザインとグラデーションを織り交ぜて洗練された品質感を表現
  • カルーセルやタブUIを活用して情報を分かり易くレイアウトしたデザインを実現
  • 受講イメージを醸成するために実際の講義風景や受講者の写真を多数掲載
  • 動きのあるレイアウト展開で閲覧者を飽きさせないデザイン

ランディングページのコーディング

  • PC/スマートフォン両デバイスへのレスポンシブ対応
  • 直感的にファーストビューのスライドを操作できる、ホバー型ボタンの実装
  • コンテンツをコンパクトに収めるため、アコーディオンを実装
  • コンテンツをコンパクトに収めるため、モーダルを実装
  • スクロール負荷を減らすため、サムネイル付きスライダーの実装
  • 視認性を意識し、各要素にフェードインを実装
  • 固定フッターを実装し、常にCTAの導線を確保
  • ボタンリンクやモーダル箇所にアニメーションを実装し、クリックを誘導

ランディングページの成果

LPリニューアル後、確実に効果があがっています。

ランディングページ(LP)&サイト制作実績

ブランド洋服買取のPC/スマホランディングページを制作

ブランド洋服買取のPC/スマホランディングページを制作

ブランド洋服買取事業を展開されている株式会社ロハスリーディング様のランディングページをデザイン制作いたしました。

香水由来のルームフレグランスの販促LPを制作

香水由来のルームフレグランスの販促LPを制作

株式会社フィッツコーポレーションさまが開発された、香水由来の豊かで繊細な香りが広がるルームフレグランスの定期販促用レスポンシブランディングページを制作いたしました。

男前アイロン”家事分担キャンペーン”のランディングページを制作

男前アイロン”家事分担キャンペーン”のランディングページを制作

男前アイロンキャンペーン第二弾「家事分担アンケート」のランディングページをデザイン制作いたしました。

女性専門の薄毛治療クリニックのwebサイト制作を担当

女性専門の薄毛治療クリニックのwebサイト制作を担当

女性専門薄毛治療クリニックを運営されている、リアスクリニックさまの公式webサイトのリニューアルを担当。

関東近郊人材活用サービス「TokyoDive」のサービスサイトをデザイン制作

関東近郊人材活用サービス「TokyoDive」のサイトデザイン制作

地方の若手人材の東京での就業を支援する「TokyoDive」(株式会社アプリ様運営)のサービスサイトをデザイン制作いたしました。

採用動画制作サービスのサービスサイト制作

採用動画制作サービスのサービスサイト制作

採用動画の製作や生配信を行う株式会社フィールドキャスター様のサービスサイト制作を担当しました。

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム