レスポンシブデザイン

POS Accessories For Businesses | Square Shop

海外／POSのアクセサリーを販売しているウェブサイト。洗練されたレイアウトでシンプルにデザインされています。テキストは全てデータで流しているのでレスポンシブデザインにしても対応できます。使うシーンによってコンテンツを作っているのでイメージしやすいです。レスポンシブデザイン。

https://squareup.com/shop

DeNA Running Club [DeNAランニングクラブ/陸上部]

スポーツ／写真をメインにレイアウトしてあり、見るだけで多くの情報が伝わってきます。シングルタスクで、スマホ、タブレット、PCでほぼ同じような見せ方になっています。レスポンシブデザイン。

https://dena.com/running/

Grosse Lanterne - Festival in the woods

海外／森の中でのフェスティバルを案内しているサイト。ほぼ3色でデザインされていて独特な雰囲気を感じさせるデザインです。イラストやレイアウトは極力シンプルに表現されているので情報がわかりやすいです。レスポンシブデザイン。

http://www.grosselanterne.com/en/

Locomotive — Montreal Web Agency

海外／カナダにあるWeb制作会社。動きがサクサクで操作して気持ちがいいサイトです。簡略化されたデザインで余計なものが全くありません。動きを含めてUIが優れたサイトです。レスポンシブデザイン。

https://locomotive.ca/

explore 22 of japan's best places to visit with cool interactive map

海外／イラストとgooglemapを上手く利用し観光を紹介しています。味のあるイラストで、まるでゲームをやりながら冒険している気持ちになります。レスポンシブデザイン。

http://www.insideasiatours.com/step-inside/japan

ちびっこうべ2016

WEBサービス／社会の仕組みや仕事について楽しく学び、自分たちでお店をつくりあげる体験プログラム。スマホ、タブレットに合わせたシングルタスクのレイアウトでとても見やすいです。黄色のカラーテイストと手書き風のロゴは子供っぽく、元気が伝わるデザインです。レスポンシブデザイン。

http://kiito.jp/chibikkobe/

静岡県浜松市の新築住宅設計・施工の工務店 有限会社アラン

建築／家づくりからインテリアまでトータルコーディネートする工務店のウェブサイト。シングルタスクで流れる用に情報を掲載しているのでとても見やすいです。ユーザビリティや視線の流れを意識したデザインです。レスポンシブデザイン。

http://alain.co.jp/

Navigating Responsibly - Shipowners

海外／環境や気候の問題に配慮した船輸送について紹介しているサイト。1ページで全てコンテンツを掲載し、ページ遷移がとてもスムーズです。動きのある写真と、それに合わせたコメントがバランスよくデザインされています。レスポンシブデザイン。

http://www.navigatingresponsibly.dk/

フォレスタの家

不動産／札幌市で注文住宅の設計・施工を行なう会社。実績をわかりやすく見せているので、仕事の中身がよく伝わります。特に「工事レポート」では制作過程の様子を記録してあるので、具体的な内容を確認できます。レスポンシブデザイン。

http://forestajp.com/

Makr

海外／ハンドメイドの革製品、財布、バッグを制作しているメーカー。シンプルな背景で商品のみにフォーカスされるようにデザインされています。商品の見せ方にこだわりがあり、洗練されたイメージが伝わります。レスポンシブデザイン。

https://makr.com/