【真似したくなる！参考サイトを集めてみた！】　美容・コスメ編

2024年6月14日 11:16

今回は「美容・コスメ編」ということで、4サイトほどデザインが良いと思ったサイトとまとめました。

個人用まとめサイトですが、参考にしていただければと思います。

⚫︎株式会社Ｉ－ｎｅ（アイエヌイー）

【よくあるデザインだからこその、細部へのこだわり】
BOTANISTで有名なアイエヌイーのコーポレートサイトです。
一瞬「BOTANISTのLPかな」と思わせるファーストビューですが、スクロールするとコーポレートサイトであることがわかります。

セクションが変わる際の背景の動きや、切り替えのタイミングがベストタイミングで切り替わります。
またサークル状に立体的に動く写真の形や動きも美しいです。

【色彩が美しいサイト】
webのデザインギャラリーによく掲載されているBOTANIST。
やはり掲載されるには理由があります。

毎回一眼見て「綺麗なサイト」と思わせる大きな要因は、色彩にあるのではないでしょうか。

ピンクとグリーンの組み合わせはよく見る色合いですが、トーンなどが計算されてまとまりがあります。
また画像から感じる果物のみずみずしさがよりこのサイトの美しさを表現しています。

【カラフルなヘアカラーをバランスよくまとめたサイト】
ヘアケアーサービスのサイトになります。
ファーストビューでは髪色と背景が同系色でまとまった印象ですが、髪の部分の彩度の調整やテクスチャーを使用することで、背景に馴染みすぎないように工夫されています。

サイト全体がカラフルな作りになってますが、トーンを合わせているのでまとまりがあります。
borderも0.07emで細いラインを使用したり、使用している文字もゴシックのウェイトが細い物を使用して柔らかい印象になるようにしています。

【現代の化粧品の特徴をサイトに反映したデザイン】
時代の流れとしてジェンダーフリーの化粧品を見かけますが、このアイテムもその一つと感じます。
商品のデザインに合わせたサイトデザインになっていますが、細かく見るとジェンダーフリーを意識しているデザインです。

一つ前でiropというサイトを紹介しましたが、こちらのborderは0.07emですがCtrlxのサイトはもう少し太いborderを使用しています。
また同じくゴシックを使用していますが、こちらはウェイトも太くなっています。

またスクロールしていくと男性らしき人物も現れます。
このことからターゲットは性別に関係なく使用して欲しいということが伝わります。

いかがでしたでしょうか？

機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。

最後までご覧いただきありがとうございました！