TOTO

http://www.toto.co.jp/index.htm

 

 

6枚の自動で切り替わるメインビジュアルがどれも爽やかで素敵です。

ピクチャ1

6つのバナーも自動で切り替わりますが、サイドの矢印のしずくのイラストに遊び心がありますね♪

バナーのデザインもどれも爽やかな印象です。

 

 

グローバルメニューにマウスをかざすとさらに詳しいメニューが出てきます。

写真付きで分かりやすいですね!

スクリーンショット-2015-12-24-9.34.32

マウスを水色の領域から 外に出すと詳細のメニューは見えなくなりますが、さらに分かりやすく、「閉じる」のボタンを置いてあるのが親切ですね。

 

 

気持ちの良いほど綺麗に揃ったデザインです!

ピクチャ2

効果的に、アイコンや画像を入れています。

情報が多くても、探しやすく見やすいです。

 

 

正方形の写真と、文字入りの正方形を交互に入れるこの配置は、個人的に好きなデザインです!

ピクチャ4

背景に暗い色の画像を使っているので、明るい写真が良く映えますね^^

 

 

お問い合わせページにも効果的にアイコンを使っています。

ピクチャ5

トップページのどのページもそうなのですが、右端の青いふきだしが今どのページにいるのかを教えてくれます!

とても親切ですよね!

 

 

「5つのおすすめポイント」 を紹介するこのページ、写真と文字で一覧にしていて分かりやすいですね!

ピクチャ6

 

 

 

「商品から探す」「目的から探す」とあり、お客様のためを思った使いやすいデザインです。

ピクチャ7

このページにも効果的に画像やアイコンが使われています。

そして配置もすっきりとまとまっていて素敵です。