WebGallery

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

*

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

   

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

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

MAJOLICA MAJORCA

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

 

KATE

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

 

MAQuillAGE

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

 

マルシュール

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

 

Visse

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

 

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

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

  関連記事

砂浜のような背景や、波を連想させる区切り線で海の近くをイメージさせるホテル

鹿児島県西之表市にあるホテル「ホテルニュー種子島」のホームページです。 ファース …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

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

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

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …

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

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

佐賀県にあるアミューズメント施設のサイトがポップなデザインで可愛い!

佐賀県武雄市にあるアミューズメント・ショッピング施設「メリーランドタケオボウル」 …

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

小学校内の施設「英語村」のホームページが虹のようなカラフルデザインで魅力的!

群馬県前橋市の立嶺小学校内にある施設「英語村(イングリッシュビレッジ)」のホーム …