化粧品・コスメ

ボディソープの商品LP制作事例

製品の透明感・清潔感をアニメーションで表現した、ボディソープの特設ページです。スクロールに合わせて世界観が立ち上がっていきます。

ボディソープ商品LPのファーストビュー
実案件を想定して制作したポートフォリオ作品です(デモサイトを公開しています)。

実際のサイトを見る

業種
化粧品・コスメ
種別
商品LP(静的サイト)
担当範囲
デザインカンプからのコーディング / アニメーション実装
使用技術
HTML CSS JavaScript アニメーション

制作のポイント

演出は「上品さ」を超えない範囲で

課題アニメーションは足しすぎると安っぽくなり、ブランドの世界観を壊してしまう。

工夫動きの量・速度・タイミングを製品の世界観に合わせて絞り込み、上品な範囲に収めました。

演出があっても軽いページに

課題動きの多いページは処理が重くなり、スクロールがカクつきやすい。

工夫負荷の軽い実装方法を選び、スマホでもなめらかに動くよう調整しました。

同じ業種のサイト制作・リニューアルのご相談を承っています。
「まずは話だけ」も歓迎です。