No.017 資生堂

資生堂

資生堂

化粧品メーカー資生堂の情報サイト

選んだポイント

2カラムサイトを探してたどり着きました。

ファーストビューの印象

ホワイトのバックに真紅の差し色が生命力を感じさせる。女優さんを大きく写し、美を強調したスライドが目を引く。

レイアウト

2カラム

レスポンシブ対応

なし

フォント

見出し：ヒラギノ角ゴ
本文：ヒラギノ角ゴ

メニュー

ナビゲーションバー(サイドバー)

カラー

ベースカラー：#FFFFFF　ホワイト
メインカラー：#C2012F　レッド

感想、参考になった部分

ブログ以外の2カラムサイトは減少したと感じる。同社もコーポレートサイトとECサイトが別にあり、そちらはレスポンシブに対応している。

昔なじみの方にも使いやすいように、以前の雰囲気でのサイトも残している、ということだろうか。

こちらはブランド紹介のページ。サイドメニューが左に配置されており、それぞれ、スクロールの速度がメイン、アサイドで異なる。

メインのトップ位置を取得して、それに応じてサイドバーのスクロール位置を変える仕組みになっている。