好きなサイト100選

DELFONICS

http://www.delfonics.com/top.html

f:id:thana531223:20160725211739p:plain

f:id:thana531223:20160725211755p:plain

好きなところ

  • サイトに訪れて先ず見せられる演出が格好いい。動きと文字、写真のバランスが、創作意欲を抱かせるような感じがする
  • 全体的に色味がなく、アクセントカラーのロゴや、製品の写真やイメージに印象が強く残る
  • ホバーもロゴと同じアクセントカラーで、統一感があり、しまっていい
  • 最新情報が、手帳のカレンダーのようなデザインで、文房具らしい感じが良い

好きなサイト100選

TOTO 特設ページ

http://www.toto.co.jp/greenchallenge/tsunaide/

f:id:thana531223:20160702103639p:plain

f:id:thana531223:20160702103654p:plain

好きなところ

  • 環境をテーマにした特設サイトで、優しい色合いのイラストをメインに絵本のようにストリーが展開していくところ
  • ページを進める時に、線を辿りながら次のページに移っていくところがなめらか どうやって作ってるんだろう。。
  • もっと詳しくをクリックすると、モーダルウィンドウで内容が表示される。ストーリー上の補足情報なので、使いやすさを考えて作られているんだなと感じた

好きなサイト100選

NIFREL 生きているミュージアム

http://www.nifrel.jp/

f:id:thana531223:20160629193925p:plain

f:id:thana531223:20160629193948p:plain

f:id:thana531223:20160629194012p:plain

f:id:thana531223:20160629194044p:plain

好きなところ

  • ページに入ってすぐNIFRELのタイトルが現れ、コンテンツが下からヌルっと現れてくる。世界観に引き込まれるような演出が印象に残る
  • 背景、ヘッターフッターが細やかに動いていたり、ページスクロールと共にコンテンツがシュッと表れてくるなど、動きがある演出が多く、コンセプトの「生きているミュージアム」を動的な表現で強く印象付けているのではないかと思う。
  • 優しい色の組み合わせや、写真の角を丸くする事で、見た目が柔らかく、子供を連れて遊びに行きたくなるような、親しみやすさを感じる

好きなサイト100選

さぬきうどん未来遺産プロジェクト

https://www.sanukiudon-mirai.jp/

f:id:thana531223:20160628004234p:plain

好きなところ

  • 本場香川のさぬきうどんの情報が豊富。
  • 文字のジャンプ率とフォントが新聞みたいな雰囲気で、香川のさぬきうどんの歴史深さを表しているようで素敵
  • メガドロップダウンメニュー、スライダー、SNS埋め込み、香川の今日の天気など、自分のサイト制作で使いたいポイントがいっぱい
  • ロゴがお椀に、うどんとお箸のでざいんで、これでもか!ってくらいUDON!

好きなサイト100選

BECCA STEVENS

http://www.beccastevens.com/

f:id:thana531223:20160626171843p:plain

好きなところ

  • 再生ボタンを押すと音声が再生され、曲を聞きながらサイトをみれる
  • トップページに、アルバム情報、活動情報、ライブ情報がまとめられている。他のページをたどる必要なく、トップページを見るだけで、どんな人がどんな曲を歌い、いつライブがあるのか、瞬時にわかる
  • 活動情報が多くあるが、新しいものから限定的に表示させることで表示速度をあげる工夫がされている

好きなサイト100選

JEWELRY KAMATA

http://www.j-kamata.com/handmaking/

f:id:thana531223:20160624202651p:plain

好きなところ

  • 楽しそうに指輪をつくるカップルのストーリー動画がロゴの後ろで再生されており、お店についてもっと知りたくなる
  • 縦に長く、スクロールでコースや店舗情報を見ることができる構造だが、画面右下にページトップへもどるボタンを固定で配置する事で操作性を高めている
  • ページの上から下までリボンが流れるようにデザインされており、ページ下まで目がいきやすい
  • 幸せそう 楽しそう