VALCURE

その「盗難」を逃さないために。

画像の世界観をそのままHTMLへ。スクロールに合わせて背景・前景がズレる“動き”だけを足し、 ホバーで揺らす系の演出は入れていません（ガタつきの温床になるので）。

SCROLL
Intro section design mock
Design slice 01
Trigger design mock
Design slice 02（背景をパララックス）
Story section design mock
Design slice 03
Vehicle lineup mock
Design slice 04
Technology visual mock
Design slice 05
Tech and company information mock
Design slice 06

Contact

購入導線（例）

ここは実運用の購入ページ／LPフォームに差し替え。デザインは“画像の世界観”に合わせておくと違和感が出にくいです。

上へ戻る

パララックス実装の方針

requestAnimationFrame＋IntersectionObserverで、見えている要素だけを更新。ホバーで揺らす表現は入れず、 スクロール連動の奥行きだけを強めています。

Reference image slice

Q&A and footer mock