当サイトでは、トラフィックの解析のために、クッキー(cookie)を使用しています。
ご利用に際して、閲覧を継続することでクッキーの使用にご同意いただいたものとさせて頂きます。

同意する

【LP制作サンプル】新卒・中途採用向けリクルートサイト【Web制作の解説】|東京のWEB制作会社、ホームページ制作会社|株式会社8bit(エイトビット)

制作実績

【LP制作サンプル】新卒・中途採用向けリクルートサイト【Web制作の解説】

デザインのポイント

新卒・中途採用向けのリクルート特設サイトのサンプルです。 IT企業をイメージして堅実・透明性のある企業イメージを与えることを第一に、スタイリッシュにデザインしました。

サンプルを見る

アニメーション表現のポイント

メインビジュアル(キャッチの訴求力を高める)

求職者に向けた企業からのメッセージを伝えるためにメインビジュアルに印象を持ってほしいため、フェードインアニメーションを採用。
社会のインフラを支える企業をイメージを持たせたかったので、街の水平線からキャッチが現れるような表現のマスク処理を使用しました。  

スライド(業務内容の一覧表示)

『仕事を知る』の部分では様々な業務内容に対応してもらうことを印象付けたいため、多くの項目が流れていくスライドを採用。また、今後サイトを更新していくにあたり業務内容の増減があった場合も、デザインの変更に大きな影響がなく対応することができます。   

カラーマスク(社員紹介への視線誘導)

単純に社員情報を表示するだけでなく、画像部分はカラーマスクとフェードインアニメーションの組み合わせで、目を引くよう表現しました。
スクロールして閲覧する縦長のサイトでは、目を引かせたい場所にアニメーションを取り入れることで、ユーザーのスクロールを止めて要素を見てもらう効果も見込めます。 『社員のインタビュー』など、特に読んでほしい部分では効果的な表現です。  

マウスホバー時のズーム・カラーオーバー(応募フォームへの導線)

各職種への応募フォームのリンクにはマウスホバーのアニメーションを取り入れました。
マウスホバーアニメーションを取り入れることで、クリックできると認識させ、コンバージョンとなる、応募フォームへのアクセスを促します。 ここではホバーしたときにcssで背景の画像を拡大させ、テキスト部分にも色を敷いてクリックできることをわかりやすくしています。  

サンプルを見る

テキストスクイーズ(コンテンツの区切り)

スクロールすると背景のテキストが徐々に文字間隔を詰めて表示されます。 単純なアニメーションの装飾としてはもちろん、コンテンツの区切りがわかりやすくなる効果があります。

制作の期間約10営業日
URL

https://8bit.co.jp/lp-sample04/

当社で担当した制作パート

具体的な制作実績については、
こちらから資料のご請求をお願いいたします。

制作実績をダウンロード

つくるうえで大切にしていること

  • 社内スタッフによる一貫した内製

    弊社では、ご依頼いただいた制作は外注をせず、すべて自社のスタッフが制作することで、安定した品質とスピードを提供いたします。

  • ストレスを感じさせないレスポンス

    ただ納品物を収めるだけでなく、お客さまに安心してご依頼いただけるよう、迅速でまめなレスポンスをこころがけております。

  • 分かりやすい説明、分かりやすい見積り

    Web制作は金額の根拠が分かりにくいとも言われます。弊社では、お客さまに分かりやすくご納得いただける価格の提示を心がけております。

制作に関してのご相談はこちらから

Web制作のご依頼、ご相談などお気軽にお問合せください。
お困り、お悩みのことでもお聞かせください。