WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

   

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます…
結局パッケージが可愛かったり、好きなモデルさんがCMをやっていたりして、それを買っちゃうんですよね

今回は、「黒」を使った化粧品ブランドのサイトをご紹介します!

MAJOLICA MAJORCA

資生堂の商品ブランド「MAJOLICA MAJORCA」です。
ファーストビューのスライダーの妖艶な雰囲気が印象的なサイトです。
ニュースのタイトルは「今回のおはなし」・「~のはじまり」と統一されており、商品の世界観が伝わってきます。

 

KATE

赤と黒のコントラストが美しいサイトです。
大人っぽさを演出した動画をファーストビューに配置しており、メイクをしている黒木メイサさんが映し出され、なんとも艶っぽい雰囲気が出ています。

 

MAQuillAGE

資生堂の商品ブランド「MAQuillAGE」です。
こちらはメニューとフッター部分のみを黒い背景にしており、コントラストが際立っています。キャッチフレーズや写真から伝わる雰囲気を出すために、背景を白にしたり文字をグレーにすることで、「透明感」が出ています。
スライダーが切り替わるたびに、そのスライダーの内容に関連した商品も左下に表示されるようになっています。

 

マルシュール

透明感のある蓮の写真や、白や水色を使って透明感を出しています。
左側のメニュー部分は、ロゴが丸いゴシック体であるのに対してメニューの一覧は明朝体にし、フォントサイズを小さくすることでロゴを際立たせています。

 

Visse

ファーストビューの安室奈美恵の笑顔が眩しい!印象的なサイトです。
目元やリップ、ネイルカラーのピンク系と右側のカラフルなアイライナーの色がちょうどよいアクセントカラーになっていて、爽やかな印象のサイトです。

 

黒をメインカラーにしたり、アクセントカラーにしたりと、使い方次第でだいぶ印象が変わってくるんだと感じますね!
黒を使いつつ透明感のあるデザインは、とても参考になります!

 - 美容・ヘアサロン, 色で表現

  関連記事

「情緒」と「静寂」を演出するために、カラフルな配色でなく白黒の配色にした岐阜のウェディングサイトがキレイ!

岐阜県多治見市にある、「大人のウェディングスタイル」をテーマのウェディング会場「 …

画面全体に表示され、スマートフォンからでも操作しやすく

2015年11月にグランドオープンしたばかりの、静岡県の伊豆高原・大室山の麓にあ …

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

左に写真、右にコンテンツの珍しいレイアウトの大学のwebデザインがカッコいい!

東京都世田谷区にある「東京農業大学」のホームページです。 2カラムに分かれた珍し …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

固くなりすぎず、落ち着いた色合いを使う

  金沢大学の公式ホームページです。色を暗めにして落ち着いた雰囲気が出 …

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …