サッポロビール

 http://www.sapporobeer.jp/index.html

 

 

ビールのWebサイトですので、ビールを連想させる色合いのデザインですね^^

各商品のバナーが自動で右に流れています。

それぞれのバナーのデザインが素敵です!

ピクチャ1

「トッピックス」「ニューリリース」を分け、その中でさらにタブを使って分けられ、情報量が多くても読みやすく探しやすいデザインです!

 

 

商品情報のページも、商品量が多いのに、種類別にしてあることで探しやすいデザインになっています!

商品一覧は、写真の入れ方、スペースの取り方、文字の入れ方、どれも上手です!

ピクチャ2

ピクチャ3

お酒の種類ごとに、上部にバナーを入れていて、クリックすると詳しいページにリンクしています!

よく知りたい人にとって嬉しいですよね^^

 

 

黒ラベルのページにいってみました!

商品の色合いに合わせたデザインですね^^

グローバルメニューなどの色が、ビールっぽいグラデーションかつ、高級感もあり素敵です!

ピクチャ4

 

 

極ゼロのページも、商品に合わせた色合いです!

「すっきり・ごくごく」が売りのようで、すっきり爽快感のあるページデザインになっていますよね!

ピクチャ5

健康に気をつかいながらもビールを楽しみたい人向けに、「低プリン体レシピ」「低プリン体アクション」などの、体を気遣う情報が入っていますね^^

各情報のまとまりの角を少し丸くしてあることで暖かみが出ています^^

 

 

レシピのページにいってみました!

どのお酒に合うレシピなのかと、文字だけでなく写真付きで載せていて分かりやすいですね^^

ピクチャ6

背景をランチマットのようなデザインにしていて、料理ページらしさを強めています!!

色はトップページと合わせてあるので、統一感は保たれています!

 

 

情報量が多くても、使いやすく見やすいWebサイトでした!