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

同意する

【LP制作サンプル】新製品紹介・販促用ランディングページ【Web制作の解説】|東京のWEB制作会社、ホームページ制作会社|株式会社8bit(エイトビット)

制作実績

【LP制作サンプル】新製品紹介・販促用ランディングページ【Web制作の解説】

デザインのポイント

ホームセキュリティ用の監視カメラを紹介する特設サイトのサンプルです。
ホームセキュリティについて大げさなものではなく、もっと身近で手軽に、20代の若い方にも導入してほしいというコンセプトで堅くなりすぎず、やわらかい・ポップな雰囲気でデザインをしました。

サンプルを見る

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

フェードアニメーション(各要素を際立たせる)

要素を流し読みすることをできるだけ防ぐため、スクロールをすると各要素がフェードインして表示されるようにしています。スクロールアニメーションを入れることで、各要素を注目させる効果があります。   

マウスホバーアクション(フォームへの導線)

申し込み・お問い合わせなどのフォームのリンクには、マウスホバーのアニメーションを取り入れました。
マウスホバーアニメーションを取り入れることで、クリックできると認識させ、コンバージョンとなるフォームへのアクセスを促します。   今回はホバーするとグラデーションが流れ、ボタンも「押している」という感覚を持ってもらえるようにcssで設定をしています。  

アコーディオン(Q&Aをコンパクトに表示)

 class=Q&Aはサイトによってはたくさんあるため、アコーディオンにして最初はコンパクトに表示させておき、クリックをするとアンサーが表示されるようになっています。情報をまとめるだけでなく、ユーザーが自分の見たい製品についての詳細を探しやすくする効果もあります。

サンプルを見る

制作の期間約5~8営業日
URL

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

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

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

制作実績をダウンロード

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

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

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

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

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

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

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

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

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