![見出し画像](https://assets.st-note.com/production/uploads/images/102248111/rectangle_large_type_2_3d17b3b509bb813fe5882b11658c0947.png?width=800)
ぴったりデザイン-その2
もう直ぐ春です!都内でも桜が咲き始めましたね。
今回は春の新商品を紹介するwebサイトを考察していきます。
商品の魅せ方、春の空気感の作り出し方を考えるきっかけになればと思います。
BOTANIST | SPRINGシリーズ Bloom Your Memory
https://botanistofficial.com/special/limited/spring/
![](https://assets.st-note.com/img/1679019388959-r6p9St4Aaf.png?width=800)
サイト概要
BOTANISTのSPRINGシリーズの販売サイト。
想定ターゲット・目的
・10代後半〜30代の女性
・ヘアケアの香りにこだわりたい人
・BOTANISTシリーズを使用している人
ゴール→商品を知ってもらい、オンライン・店舗購入してもらう。
第一印象
サイト全体を優しいピンクでまとめているので、春を感じる。女性向けであると感じる。購入して、インスタに投稿したくなる。
BOTANISTとは?
ボタニスト(BOTANIST)は、ヘアケアを中心にボディケアアイテムなどを取り扱うブランドです。植物の恵みを健康、そして人々のライフスタイルそのものに取り入れること。ボタニカルライフスタイルブランドと称しています。
ブランド名の”BOTANIST”とは植物学者という意味。オーガニックが注目を集める中で、毎日使うアイテムこそ、自然志向の優しさに拘る必要があるという想いから、ボタニストが誕生しました。
ドラッグストアで販売していますが、いい値段なので私自身はご褒美シャンプーとして購入したことがあります。
そんなBOTANISTから毎年春に発売される、人気のスプリングシリーズの商品のLPサイトです。
商品コンセプト
![](https://assets.st-note.com/img/1679020581752-EKbs8IX0r6.jpg?width=800)
「Bloom Your Memory」
香りは感情と深く結びつき、
ふとした瞬間、なつかしい記憶をつれてくる。
この春が、ずっと心に残る
忘れられない春になりますように。
サクラの香りにつつまれて、春の思い出を繋げて。
「季節を感じながら、植物との暮らしを発信することで、植物について知るきっかけになってほしい。」 そのような想いのもと、今年も春限定のサクラの香り「スプリングシリーズ」を発売します。
今年のテーマは「Bloom Your Memory」思い出が咲く、サクラの香り。香りは記憶と密接な関わりを持っていると言われており、ふとした瞬間に懐かしい記憶や当時の感情が蘇ります。サクラの香りと共に、「この春も忘れられない素敵な日々になりますように。」そして、「これから先もBOTANISTのサクラの香りが大切な記憶を思い出すきっかけになってほしい。」という想いが込められています。
デザインについて考える!
まずはMV。表示される写真の重なるアニメーションが、舞い散る桜の花びらのようだなと感じます。すごくきれい!
![](https://assets.st-note.com/production/uploads/images/100466082/picture_pc_ca03a26950859bbe7cb7fda28684ff0b.gif?width=800)
春らしさを感じる要因・・・
・サイト全体をピンクでまとめている
・写真の色味もピンクにレタッチされていてまとまりがある
・レイヤー状に桜の花びらを散らし、サイト自体に奥行きを出している
・マウスオーバーでの動き、エリア表示の動きをなめらかにしている
・ムラのあるふんわりとしたグラデーション
![](https://assets.st-note.com/img/1679022374887-5xS3ukax88.png?width=800)
コンセプトに沿ったストーリー性のある構成
「Bloom Your Memory」思い出が咲く、サクラの香り
MVの商品が並んだ写真の中にチェキで撮られた桜の写真が置かれている。
![](https://assets.st-note.com/img/1679022649125-XHhKBLf982.png?width=800)
スクロールすると、その写真を持つ女性の写真。桜の花を撮った時の思い出を想像しているのでしょうか。友達と花見に行ったのでしょうか。
![](https://assets.st-note.com/img/1679022820823-miO0bDm3NM.png?width=800)
さらにスクロール。4枚写真が並び、商品を持つ写真が一番上のレイヤーにある。この人の思い出をのぞいているような気持ちになります。丁寧な暮らしをしていそうです。
![](https://assets.st-note.com/img/1679022948916-cX1T835bkz.png?width=800)
ここで、MVの写真がでてきました。右下の2つのアイコンの現れ方が商品に寄り添うような動きで見ていて可愛いです。
![](https://assets.st-note.com/production/uploads/images/100468483/picture_pc_9f06fa0ed5e8fd894df9606c02d175e7.gif?width=800)
まとめ
今回、春らしいサイトとして参考になればと思いピックアップして考察したのですが、こまかくみていくと使用されている写真や構成にストーリーがあることを知りました。見ている人それぞれに自分だけの素敵な春の記憶があって、そんな記憶にこの商品がいままでも、これからも寄り添える存在であることを感じさせるデザインだなと思いました。
「Bloom Your Memory」
香りは感情と深く結びつき、
ふとした瞬間、なつかしい記憶をつれてくる。
この春が、ずっと心に残る
忘れられない春になりますように。
サクラの香りにつつまれて、春の思い出を繋げて。
この記事が気に入ったらサポートをしてみませんか?