レスポンシブデザイン

はじめかた研究所

企画／それぞれのバイヤーがおすすめの商品を紹介するサイト。商品についてのこだわりがあり詳しくまとめられています。シンプルなレイアウトで、きれいなカラーコーディネートのデザインです。レスポンシブデザイン。

http://mediashop.daimaru-matsuzakaya.jp/hajimekata/

Maisonette

海外／子供の家具、洋服、インテリアなどを揃えているオンラインショップ。ページの操作、遷移がスムーズで心地良いです。一つ一つの商品画像がかなり大きく拡大できるので、商品について詳しく知ることが出来ます。レスポンシブデザイン。

https://www.maisonette.com/

顎関節を起点とした綜合歯科診療システム セキハタ歯科医院

医療／顎関節を起点とした健口咀嚼診療システムで患者さんの生涯に寄り添う歯科医院。顎関節についての説明が詳しくまとめられていて、初めての方でも安心して訪れることが出来ます。デザインはシンプルでわかりやすいです。レスポンシブデザイン。

http://sekihata.com/

Supercharged emailing with space-age features - Newton

海外／ビジネスコミュニケーションで便利に使えるメールアプリのサイト。文字の大きさや行間が心地よく読みやすいレイアウトです。カラーもメインカラーを中心にしシンプルにコーディネートされています。レスポンシブデザイン。

https://newtonhq.com/

Increment: On-Call

海外／システム開発の会社。個性的なイラストとブロックを使ったレイアウトがとてもわかりやすいです。マウスオーバーすると細かいところで動きがあり、スムーズな操作を体験できます。レスポンシブデザイン。

https://increment.com/

立教大学

教育／立教大学オフィシャルWebサイト。ファーストインプレッションで動画を流し大学の雰囲気を伝えているので興味が湧いてきます。キャッチコピーに力を入れており心に響くサイトです。レスポンシブデザイン。

https://www.rikkyo.ac.jp/

100 Years of National Park Service

海外／ナショナルパークシステム100周年を祝うサイト。5:5で縦に分割されたレイアウトで左に説明文、右に写真が掲載されています。スクロールすると年代順に表示されるのでとてもわかりやすいレイアウトです。レスポンシブデザイン。

http://www.100yearsofnps.com/

(仮称)幕張ベイタワーズプロジェクト

不動産／新築マンションの宣伝サイト。空から海へと繋がるグラデーションと波をイメージした曲線が綺麗です。住んだ時のイメージやメリットのコンテンツが充実しています。レスポンシブデザイン。

http://www.makuhari-pj.com/shinchiku/G1502001/

YUMLER / Good Food Made Easy

海外／オンラインデリバリーを行っている飲食店。背景のピンクと色とりどりの野菜がヘルシーさを感じさせます。シンプルなデザインで情報がとても見やすいです。お問い合わせエリアが下部に表示されているとアクションが取りやすいです。レスポンシブデザイン。

https://www.yumler.nl/

Z クロッカンシュー ザクザク

飲食／「Z クロッカンシュー ザクザク」大人も子供も楽しめる、ザクザク食感のシュークリームブランドのサイト。スクロールした時の斜めの動き、コンテンツの出し方がスムーズで心地良いです。レスポンシブデザイン。

https://zakuzaku.co.jp/z/