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

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

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

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

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

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

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

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

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

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

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

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

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

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

日焼け止めUVスプレーのランディングページを制作

大容量!日焼け止めUVスプレーのランディングページを制作

アイアイメディカル株式会社さまが新たに開発した、日焼け止めUVスプレーのランディングページをデザイン制作いたしました。

賃貸住宅オーナーへの空室対策レポート自動作成AIのLPを制作

賃貸住宅オーナーへの空室対策レポート自動作成AIのLPを制作

studioLOCさまが開発された、不動産管理会社向けの空室対策提案レポート自動作成ツール「参謀くん」のサービス紹介用レスポンシブランディングページを制作いたしました。

アプリケーション開発の新卒求人ランディングページを制作

アプリケーション開発の新卒求人ランディングページを制作

株式会社ネクステップ・ソリューションズさまの新卒求人用ランディングページをデザイン制作いたしました。

モレーンコーポレーションさまコーポレートサイトを制作

院内感染対策コンサルティングのサービスサイトをデザイン制作

院内感染対策に関する製品及びコンサルティングを提供されている株式会社モレーンコーポレーションさまのコーポレートサイトをデザイン制作いたしました。

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIソリューションサービスを提供するセブントゥーファイブ株式会社さまのコーポレートサイトをデザイン制作いたしました。

FRENCH CONNECTION JAPANのECサイトを制作

FRENCH CONNECTION JAPANのECサイトを制作

日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。

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

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