M·A·C Cosmetics WEBサイト | MOJOのブログ

MOJOのブログ

洋楽ミュージックビデオやコマーシャルフィルムなど

$WEBデザインのネタ-M·A·C Cosmetics  Home Page

M·A·C CosmeticsのWEBサイトは、使われるハイクオリティな写真が映えるブラックベースです。
アクセス時に右側に表示されているメインの写真は、Flash。左カラムにもFlashのアコーディオンメニューを使用。
ぱっと見は、フルFlashサイトのように見えますが、Flashメニューを選択すると左からトグルで2階層目のメニューが出現します。ここは、HTMLが使用されています。


$WEBデザインのネタ-M·A·C Cosmetics  Fashionweek

この2階層目のメニューを選択すると商品が右のメイン部分に出現します。この商品詳細部分もHTML。
左からツリー構造のようにデザインされ、とても直感的に操作できるユーザビリティの高いサイトですね。


WEBデザインのネタ-M·A·C Cosmetics  Viva Glam Gaga

1番左のメニューの右にカラフルなグラデーションラインがありますが、これ最初気づかなかったんですが、このグラデーションラインの色を選択するとその色付近の色見本を表示します。
色を比較したりお気に入りに追加したりできますね。


WEBデザインのネタ-M·A·C Cosmetics  Color Play