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

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

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

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

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

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

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

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

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

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

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

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

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

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

企業・社員研修のランディングページ(LP)を制作

企業・社員研修のランディングページを制作

総合人材サービスを行うキャプラン株式会社様の教育研修ブランド『Jプレゼンスアカデミー』のランディングページをデザイン制作いたしました。

2016新卒向け就職支援サービスのPC/スマホランディングページを制作

2016新卒向け就職支援サービスのPC/スマホランディングページを制作

ブラッシュアップ・ジャパン株式会社さまが運営する「いい就職.com」の2016新卒大学生向けPC/スマホランディングページを制作いたしました。

頭皮の皮膚炎のための薬用シャンプー販促LPを制作

頭皮の皮膚炎のための薬用シャンプー販促LPを制作

ワイズ製薬さまが開発された、頭皮の皮膚炎(脂漏性皮膚炎)のための薬用シャンプーのスマートフォン/PC用ランディングページを制作いたしました。

不動産会社のコーポレートサイトをデザイン制作

不動産会社のコーポレートサイトをデザイン・制作

マンション経営を中心とした不動産・住宅・資産運用事業を展開されているプレミアムライフ様のコーポレートサイトをデザイン制作いたしました。

メンズコスメブランドのPC/スマホランディングページ(LP)を制作

メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作

メンズコスメブランド「BULK HOMME(バルクオム)」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。

サンマーク出版さま新卒採用サイトを制作

サンマーク出版さま新卒採用サイトを制作

数多くのベストセラー作品を出版されているサンマーク出版さまの新卒採用サイトをデザイン制作しました。

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

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