【1日1サイトレビュー】#140 SUHADAシリーズ

■SUHADAシリーズ https://www.wacoal.jp/suhada/

ワコールのSUHADAシリーズのサイト。

・1カラムの構成でページ上部にナビゲーションメニューが固定されている。トップページでメニューの中ページへ遷移、中ページではサブナビゲーションが置かれている。

・白をベースに 単色とグラデーションで使い分けられたヌーディーカラーを中心に淡い色でまとめられている。ロゴの線の細いスタイリッシュな雰囲気とポイントで使われている黒の割合が合っていると思った。数字などハッキリと見せたい情報の部分でも黒が使われていて重要なポイントがわかりやすい。

・見てみると意外と使用されてる色数が多くポイントでは青、紫、ピンクと分かれている。ランジェリーのカラーやタイプバリエーションがあることがデザイン的にも伝わる。色のトーンを落ち着いたものに合わせてバランスが取られている。

・写真ごとのパーツにアニメーションがついていて細かく立体感がついている。背景はそのままで写真だけ浮き上がる動きは質感が伝わってくるような感じがする。

・カラー：背景白#FFFFFF、フッター、リンク黒#151515、アイコングレー#8C8C8C、ポイント青#0066A0、紫#7C4B9E、ピンク#F16975、背景肌色#F8EFEA、#F3DCCD、#E1C1AC、#ECC6AD、背景#F2E9F8、リンクグレー#999999
・フォント：メイリオ、Lato、ＭＳ Ｐゴシック