サイト観察記 第3弾

サイトデザインのスキルアップのために1日1サイトレビューをしていきます！

今日のサイト

今日のサイトは、BOTANISTさんの新商品のLPです！

概要

目的

BOTANISTの新商品、サクラの香りの紹介し、購入に促す

ターゲット

すでにBOTANISTを使っている人
新しいヘア用品を買おうとしている若い女性

構成

• MV

• 商品説明（コンセプト）

• 成分説明

• 商品一覧の紹介

• 購入

• キャンペーン

• フッター

デザイン

サクラの香りが新たに追加されたようで、淡いピンクをメインに作成されています。
また、「思い出」というフレーズから、フィルム写真のように写真が淡く加工されています。また、fvの画像背景に写真が重なっているイメージになっています。

背景にもピンクが使われていますが、ベタ塗りではなく少しノイズがかった背景にすることで優しい印象を与えています。

タイトルの英字は明朝体、本文はゴシック体と目的に合わせてフォントを変えていますね。

またスクロールに連動して動く細かいアニメーションが特徴的です。
例えば、「香りは感情と 深く結びつき、ふとした瞬間、なつかしい記憶をつれてくる。」のキャッチコピーの下の写真は、スクロールすると横幅のサイズが変わります。
他にもbody soapの見出しがひょこっと現れたりと、ユニークなアニメーションが使用されています。

おわりに

全体的に可愛いく淡い雰囲気で商品の香りがイメージしやすい表現がされていると思います。
また、写真に気づくか気付かないかくらいのシャドウを入れることにより、全体の雰囲気を損なわず目立たせることができていますね。
とても参考になります！
では、また明日！