WebGallery

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

*

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

   

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

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

MAJOLICA MAJORCA

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

 

KATE

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

 

MAQuillAGE

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

 

マルシュール

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

 

Visse

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

 

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

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

  関連記事

写真にカーソルを置くと詳細文が表示される

京都の神社で結婚式を挙げる人たちを支援する会社「株式会社スタジオゼロ京都」が運営 …

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

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

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

鮮やかな色だけど安心感のある自動車販売店

自動車販売店「Big Wave(ビッグウェーブ)」のホームページです。 パッと見 …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …

水彩絵の具のような優しい色合いにすることで、女性の方でも親しみやすいデザインになっているリフォーム会社がおしゃれ!

愛知県豊橋市・浜松市のリノベーション・リフォーム会社「株式会社リビングサーラ」の …