No100:カントリーマーム

好きなところ

• イメージカラーが赤であることに加え、画面の幅いっぱいに画像を利用されているためとてもインパクトがある
• 人の写り込みは「手」の部分だけとなっており、カントリーマームを食べるシチュエーションなど、その背景を想像させられる

https://www.fujiya-peko.co.jp/countrymaam/

No99:イー・ステート・オンライン

好きなところ

• 伝えたいことを「文字のサイズ・色・太さ」「文章間の間隔・コンテンツ毎の間隔」などの組み合わせにより、分かりやすくなってる
• アイコンを利用することで文字の量を減らし直感的に伝わる作りになっているところはとても参考になる

https://www.e-state.ne.jp/

No98:キュービックホールディングス

好きなところ

• サイト内のコンテンツが四角をモチーフにした動きやデザインになっているところがおもしろい
• 企業カラーである青が使われているところも企業のイメージが出ていて良い

https://cuebic.co.jp/

No97: Nikon Direct

好きなところ

• オンラインショップであるため、トップに検索メニューが設置されていて、利用者の利便性を考慮されている
• 商品のカテゴリーがしっかり分けられているので利用しやすい

https://shop.nikon-image.com/

No96: lunasol

好きなところ

• ブランドのパッケージをイメージしたブラウンと白の背景が上品で清潔感がある
• 各ページすっきりしていて読みやすい

https://www.kanebo-cosmetics.jp/lunasol/

No95: wythehotel

好きなところ

• ロゴがレトロで素敵
• エアーメールのようなヘッダーのデザインがかわいい

https://wythehotel.com/ja/

No94: FESTIVIN

好きなところ

• 写真がどれも魅力的
• opacity,hoverの効果が素敵
   

http://festivin-kyoto.com/

No93:Volkswargen The Beetle

好きなところ

• ナビを選択すると、対応していないコンテンツ画像がopacityになる
• 上と左側の固定ナビゲーションがいい

https://www.volkswagen.co.jp/ja/models/thebeetle.html

No92: Quoitworks

好きなところ

• フォントを巧みに使用したレイアウトが素敵
• 画面に100%で表示されるボーダーのピンクのラインがかわいい
• ロゴ、ナビがpositionで常に表示されるので、ユーザビリティ↑

http://quoitworks.com/

No91:umbro

好きなところ

• モノクロの写真をがかっこいいサイト

• hoverすると画像がカラーに切り替わるので、わかりやすい
• フォント周りのボーダーを効果的に使用している

http://www.umbro-jp.com/