![見出し画像](https://assets.st-note.com/production/uploads/images/109034279/rectangle_large_type_2_79ea3240167b732d72cc016bd04e120d.png?width=1200)
サイトレビュー #005 〜美容系LP〜
リトルマーメイドとコラボした
新作クレンジングバーム「DUO」のLP
https://www.p-antiaging.com/lp/du_mermaid2306/
【良いと思った点】
・KV背景は動画?
キラキラ動くアニメーションがきれい。
ピンクの海を繊細なグラデーションでアリエルの世界を表現している
・スクロールすると、コピーが消え、商品がセンターに移動し、
グラデの背面が現れる。(実装難しいのかな??)
・ランダムな魚のが動きに、奥行きを感じる。
・カテゴリーの切り替えにアニメーションが多様されている(背面のベタを変える切り替えじゃない🎵おしゃれ🎵)
・スライダーの切り替え
→をクリックすると、一瞬商品が消えて、鏡がキラッと光ったような演出が入り、次の商品の写真に切り替わる。
![](https://assets.st-note.com/img/1687487930903-CpckmaXpvr.png?width=1200)
![](https://assets.st-note.com/img/1687487379337-PG0GbkSI09.png?width=1200)
![](https://assets.st-note.com/img/1687487367440-KccTmmmSeY.png?width=1200)
【応用できそうな場面】
・ビューティ系、水を連想するサイト、ヒーリング系
支給素材が少ない時などに採用すると良さそう
・KVの背景の動きはいつか真似したい
・緩やかな曲線状に、ゆっくりと流れる文字
・鏡のようなスライダーの切り替えもどこかで応用できそう
この記事が気に入ったらサポートをしてみませんか?