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

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

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

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

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

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

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

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

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

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

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

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

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

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

感染予防を楽しく学ぶボードゲーム「Save!」のランディングページを制作

感染予防を楽しく学ぶボードゲーム「Save!」のランディングページを制作

院内感染対策に関する製品及びコンサルティングを提供されている株式会社モレーンコーポレーションさまが開発されたゲーム型教育ツール「Save!」のランディングページをデザイン制作しました。

持ち運び専用モバイルPCの製品ランディングページを制作

持ち運び専用モバイルPCの製品ランディングページを制作

株式会社サードウェーブさまの開発するモバイルPC「デジノス アルタイル F-13KR」のレスポンシブランディングページを制作いたしました。

インハウスLPO支援サービスのランディングページを制作

インハウスLPO支援サービスのランディングページを制作

インハウスLPO支援サービスのランディングページをデザイン制作いたしました。

システム設計・受託開発のシングルページを制作

システム設計・受託開発のシングルページを制作

株式会社イマクリエ様と協業し、システム設計・受託開発を手がけるアルカディア株式会社様のコーポレートサイトをシングルページ形式でデザイン制作いたしました。

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

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

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

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

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

メンズコスメブランド「BULK HOMME(バルクオム)」さまの楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。当時はメンズコスメのマーケットが未成熟であり、関心度の高い一部の層のみがターゲットとなるため…

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

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