キャンピングカー販売・制作会社のランディングページ制作
担当
デザイン/コーディング/WordPress構築
北欧風のおしゃれなキャンピングカーの制作、販売を行なっているとのことで
雰囲気が伝わりキャンピングカーの画像がなるべくたくさんみられるような構成にしました。
キービジュアルのスライドショーはcssで実装し、ドロワーメニュー・取扱車のモーダルギャラリーはjsで実装しています。
お知らせ・車種の登録はWordPressから行うことができます。
車種の登録では売り切れとなった場合、チェックボックスにチェックを入れると「SOLDOUT」の表記が出力されるようにしました。
ギャラリーのモーダル動作の部分で、モーダルを開いた後スクロールがページ上部に戻ってしまう現象で苦労しましたが
モーダルを開いた時のスクロール位置を保持することで対応できました。
お問い合わせフォームは「Contact Form 7」を使用しております。
雰囲気が伝わりキャンピングカーの画像がなるべくたくさんみられるような構成にしました。
キービジュアルのスライドショーはcssで実装し、ドロワーメニュー・取扱車のモーダルギャラリーはjsで実装しています。
お知らせ・車種の登録はWordPressから行うことができます。
車種の登録では売り切れとなった場合、チェックボックスにチェックを入れると「SOLDOUT」の表記が出力されるようにしました。
ギャラリーのモーダル動作の部分で、モーダルを開いた後スクロールがページ上部に戻ってしまう現象で苦労しましたが
モーダルを開いた時のスクロール位置を保持することで対応できました。
お問い合わせフォームは「Contact Form 7」を使用しております。
PC
-
KV(スライドショーアニメーション)
-
ABOUT-CLASSIC CAMPERとは?
-
LINE-UP クリックするとモーダルウィンドウ内でギャラリーが表示されます。
-
モーダルウィンドウ
-
「SOLDOUT」の表示を出力させることができます。
-
お問い合わせフォーム
SMARTPHONE
-
KV(スライドショーアニメーション)
-
ABOUT-CLASSIC CAMPERとは?
-
LINE-UP タップするとモーダルウィンドウ内でギャラリーが表示されます。
-
モーダルウィンドウ
-
「SOLDOUT」の表示を出力させることができます。
-
お問い合わせフォーム