Webサイト100選

好きなサイト100個紹介します。

No87:明光義塾


f:id:masatoyamaji0522:20181015165949p:plain

好きなところ

  • 補色の青と黄色が印象的。
  • 爽やかで朗らかな印象を受ける。
  • 学習塾らしいスッキリとした見た目ながら、見ていて飽きない動的要素(スライドやドロップメニュー等)のアニメーションが多く盛り込まれている。

https://www.meikogijuku.jp/

No85:100 Tokyo

f:id:masatoyamaji0522:20180913113523p:plain

好きなところ

  • 100の名所がmapとともに掲載されていて、中身が充実している

  • 海外風のデザインでスタイリッシュ、かつ日本らしい風景を使用していてバランスがよい

  • スクロールすると出てくる、photoページへのリンクのアイコンも遊び心があってかわいい

http://100tokyo.jp/

No84:キットカット

f:id:masatoyamaji0522:20180925223438p:plain

f:id:masatoyamaji0522:20180925223527p:plain

好きなところ

  • ブランドカラーの赤が効いているサイト。

  • トップページではコンテンツがタブで選べる。currentのタブはサイズが大きくなりわかりやすい。参考にしたい。

https://nestle.jp/brand/kit/

No83:Listen Today. Change Tomorrow.

 

好きなところ

  • フォントがおしゃれ
  • 左のナビにhoverするとアイコンの横にテキストが表示されるのが効果的
  • トップページでサンプルが聴けるのが嬉しい

https://www.cadenceandcause.com/

No81:ONEデザインズ株式会社

 

好きなところ

  • 背景画像のアニメーション、グラデーションがカッコイイ
  • スクロールすると自動でコンテンツが読み込まれる動きもカッコイイ
  • テキストが読みやすい文字数で改行されている

https://www.koyou-onesd.co.jp/