グラフィック作成の参考になる化粧品業界のデザインがキレイなWebサイト集めました

国内外の化粧品業界のサイトを厳選して集めてみました。女性をターゲットにしているだけあって各社ともモデルの写真を大胆に使った洗練されたデザインが多く、デザインの参考にもなります。また今回調べた17サイトの中でフラッシュサイト・HTMLサイト・モバイル対応しているサイト・SNSボタンがついているサイトがどのくらいあったか下記にまとめてみました。

  • Flashのサイト:5サイト
  • HTMLのサイト:12サイト
  • モバイル版のあったサイト:7サイト
  • SNS関連(いいねボタン、ツイートボタン)のあったサイト:3サイト

資生堂

MAQuillAGE

MAQuillAGE
http://www.shiseido.co.jp/mq/index.html
モデルの写真を大胆に使ったサイトです

INTEGRATE

INTEGRATE
http://www.shiseido.co.jp/ie/index.html
マウスを動かすとキラキラした背景がキレイです

カネボウ

COFFRETDOR

(旧)
COFFRETDOR

(新)
コフレドールhttp://www.kanebo-cosmetics.jp/coffretdor/
記事を書いている間に新しくリニューアルしたようです。フラッシュのような画面の切り替わりが素敵です

KATE

KATE
http://nomorerules.net/
見所は新マスカラを紹介するSpecial site。立体感あふれる動画が魅力的です。

コーセー

ESPRIQUE

ESPRIQUE
http://esprique.com/
スマートフォンアプリも無料で配信してます。

VISEE

VISEE
http://www.visee.jp/
女性らしい色使いでかわいいです。

Fasio

Fasio
http://www.kose.co.jp/jp/ja/products/brand/fasio/sp/
ドレッサーの前に映し出されているようにコンテンツが切り替わります。

RMK

RMK
http://www.rmkrmk.com/index.html
通販サイトと連動しています。すっきりしてとても見やすいです。

shu uemura

shu _uemura
http://www.shuuemura.jp/
クリスマスのspecial siteがお勧めです。

PAUL & JOE BEAUTE

PAUL & JOE
http://www.paul-joe-beaute.com/jp/index.html
PAUL & JOEらしいやわらかい雰囲気のサイトです

MAYBELLINE NEW YORK

MAYBELLINE
http://www.maybelline.co.jp/
コンテンツが多く充実した内容になってます。色使いが華やかです。

MAC

MAC
http://www.maccosmetics.co.jp/
TOPのビジュアルがとても大胆

GUERLAIN

GUERLAIN
http://www.guerlain.com/jp/ja/base.html#/ja/home-ja/
同じくTOPのビジュアルがとても大胆

LANCOME

LANCOME
http://www.lancome.jp/
整理されてとても見やすいです。通販サイトと連動してます。

GIVANCY

GIVANCY

facebookページやtwitterも開設されてソーシャルにも積極的です。

CHANEL

CHANEL
http://www.chanel.com/ja_JP/
商品を紹介するページも大胆に写真を使っています。ポスターを見ているようです。

Dior

Dior
http://www.dior.com/beauty/jpn/ja/actions/index.html
今まで紹介したサイトに比べるとビジュアルはコンパクトなサイズに押さえられていますが、ひとつひとつの写真がきれいです。

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事