WebGallery

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

*

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

   

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

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

MAJOLICA MAJORCA

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

 

KATE

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

 

MAQuillAGE

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

 

マルシュール

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

 

Visse

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

 

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

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

  関連記事

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

見ているだけで幸せになれそうな結婚式の写真

群馬県前橋市にある結婚式場「ラ・フォンテーヌ」のホームページです。 ベージュ系の …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

施設やスクールごとで料金表を表示するページを分けて、スマートフォンからでも見やすいように

長崎県にある長崎サンセットマリーナ株式会社が経営している「サンセットマリーナ」の …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …