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

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

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

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

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

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

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

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

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

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

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

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

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

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

子ども向け英語・英会話スクールのランディングページを制作

子ども向け英語・英会話スクールの記事LPおよびLP制作/LPOを担当

子ども向け英語・英会話スクールWinBe(やる気スイッチグループさま運営)のLP制作およびLPO支援を行いました。同ブランドの強みであるフォニックス訴求を軸に、記事LPから広告LP、無料体験フォームへつなげる導線を設計し、公開後もLPO…

フォトウェディングのフォトグラファー募集のPC/スマホランディングページを制作

ウェディングフォトグラファー募集のPC/スマホランディングページを制作

ロケーションフォトウェディング専門サイト「LOCAKON(ロケ婚)」のフォトグラファー募集のランディングページを制作いたしました。

海外進出・販路開拓支援のランディングページを制作

海外進出・販路開拓支援コンサルティングのランディングページを制作

経営コンサルティング事業、海外進出支援事業を展開するサイエスト株式会社様のランディングページを制作いたしました。

アプリ開発会社のサイトリニューアル制作

アプリ開発会社のサイトリニューアル制作

アプリ開発事業を展開されている株式会社インプリ様のコーポレートサイトのリニューアルデザインを担当しました。

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

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

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

住宅業界に特化したマーケティング会社のコーポレートサイトのデザイン・制作

集客・営業コンサルティング会社のサイトを制作

住宅業界に特化したマーケティング支援会社である株式会社ラン・リグさまのコーポレートサイトをデザインリニューアルいたしました。

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

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