レスポンシブデザイン

BETA MAG(ベータマグ) by New Balance

ファッション／ニューバランスのウェブマガジン。ファッションに関する情報を更新し、ウェブでのマーケティング活動をしています。綺麗な写真が多くニューバランスが好きな人には見ているだけで楽しめます。レスポンシブデザイン。

http://betamag.newbalance.co.jp/

GRACE COLE

美容／ボディクリームのブランドサイト。こんなモデルが使用しているのかなというイメージが画面から伝わります。美容製品はイメージが大事なので、それが伝わるようなデザインになっています。レスポンシブデザイン。

http://www.gracecoleboutique.com/

株式会社モリサワ

フォント／株式会社モリサワの企業サイト。製品、新しいサービス、歴史について紹介しています。しっかりとしたレイアウトでどのデバイスで見ても読みやすいです。フォントの会社だけあり見せ方、読ませ方のデザインが考えられています。

http://www.morisawa.co.jp/

McWhopper

海外／マクドナルドとバーガーキングのコラボレーション。リアル感と質感のあるイラストが凄く良いです。ほとんどがイラストと動画なので見ている人は直感的に情報が伝わります。レスポンシブデザイン。

http://mcwhopper.com/

中之島ガーデン

飲食／緑の中で、BBQやイタリアンを楽しめるお店。背景の料理の写真がとても美味しそうです。レイアウトは雑誌で表現するような見せ方で、雰囲気がよく伝わります。レスポンシブデザイン。

http://www.lazor-osaka.jp/nakanoshima/

Kikk - Fold / Unfold - Homepage

海外／才能のある創造的なコーダー、イノベーター、デザイナー、アーティスト、研究者が結集した国際的な祭り。やわらかいピンクのカラーが素敵です。マウスオーバーするとふわふわとした感じがあり、画面から立体感や触感が伝わります。レスポンシブデザイン。

http://www.kikk.be/2015/

Tucked In Shirt | Should I tuck In My Shirt?

海外／イラストを使いシャツの効果を紹介しています。アニメーションの動きがスムーズで見ていて心地が良いです。動画で見られるので直感的に伝わります。レスポンシブデザイン。

http://www.tuckeffect.com/history-of-tuck

Get the new eBay app on any device.

海外／eBayのスマホアプリ紹介サイト。商品がまわりに散りばめられてわくわくする雰囲気が伝わります。一つ一つテーマごとに見やすくデザインされています。極力シンプルにすることで伝えたい事をストレートに伝えられます。レスポンシブデザイン。

http://anywhere.ebay.com/mobile/

The University of Sydney

海外／シドニー大学の公式ウェブサイト。シンプルなテイストでオレンジ寄りの赤とダークグレーでデザインされています。見出しのブロックの見せ方が上手く目線が心地よく流れます。レスポンシブデザイン。

http://sydney.edu.au/

Here | The University of Sydney 360º tour

海外／※音注意。大学を探索できるサイト。映画を見ているようなオープニングで見ている人を惹きつけます。360度パノラマを使用し大学内を探索できます。こういう見せ方もあるのかというサイトです。レスポンシブデザイン。

http://tour.sydney.edu.au/