WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細
採用戦略講座のランディングページ（LP）を制作
ジャンプ株式会社さまが運営されている採用戦略講座「STRUCT ACADEMY」のランディングページ（LP）を制作しました。
ランディングページのテーマ
時代に左右されない採用戦略の基礎を、たった半日で学べる。
業歴20年、800社以上の採用コンサルティング経験をもつジャンプ株式会社さまの採用成功法則をフレームワーク化した採用メソッド「STRUCT」。同メソッドの基礎を半日のオープン講座で学べる「STRUCT ACADEMY」の受講募集用ランディングページの制作に携わりました。一方的に話を聞くだけの座学ではなく、ワークセッションを通じて概念化された理論を自社の採用に落としこんでいくプロセスを体感することができる同講座の受講イメージが伝わるように、インフォグラフィックの制作や、当日の受講内容をコンテンツとしてLPに活用しています。実際に本講座を受講した人事ご担当者様の「リアルな声」を掲載することで、本講座が自社の採用活動にもたらす変革インパクトを直感的に訴求しています。
ランディングページのデザインコンセプト
- 「STRUCT」の格式を高めるような公式感のあるデザイン
- ロゴのオレンジを基調としてシンプルながらインパクトのある印象に
- 「STRUCT」の概念を視覚的に表現したビジュアルモチーフを作成
- フラットデザインとグラデーションを織り交ぜて洗練された品質感を表現
- カルーセルやタブUIを活用して情報を分かり易くレイアウトしたデザインを実現
- 受講イメージを醸成するために実際の講義風景や受講者の写真を多数掲載
- 動きのあるレイアウト展開で閲覧者を飽きさせないデザイン
ランディングページのコーディング
- PC/スマートフォン両デバイスへのレスポンシブ対応
- 直感的にファーストビューのスライドを操作できる、ホバー型ボタンの実装
- コンテンツをコンパクトに収めるため、アコーディオンを実装
- コンテンツをコンパクトに収めるため、モーダルを実装
- スクロール負荷を減らすため、サムネイル付きスライダーの実装
- 視認性を意識し、各要素にフェードインを実装
- 固定フッターを実装し、常にCTAの導線を確保
- ボタンリンクやモーダル箇所にアニメーションを実装し、クリックを誘導
ランディングページの成果
LPリニューアル後、確実に効果があがっています。
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 |
|---|
ランディングページ（LP）＆サイト制作実績
メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作
メンズコスメブランド「BULK HOMME（バルクオム）」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。
FRENCH CONNECTION JAPANのECサイトを制作
日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。
