WebGallery

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

*

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

   

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

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

MAJOLICA MAJORCA

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

 

KATE

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

 

MAQuillAGE

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

 

マルシュール

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

 

Visse

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

 

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

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

  関連記事

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

女性向けビアガーデンのサイトが爽やかなデザインでオシャレ!

2017年の5月26日(金)に、松屋銀座の屋上にオープンしたビアガーデン「美しく …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

ミニマルデザインのサイトがとにかくおしゃれ!

近頃一気に気温が低くなり、冬らしさが出てきた気がします。 ここまで寒いと朝起きた …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …

保護者の目線になってデザインされた幼稚園のサイト

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。 フラットなデ …