Webデザイン一覧

Co-motion | Design & Branding Studio

海外／デザイン、ブランディングのサービスを行っている会社。背景を単色にしたり、少ない色でシンプルにまとめられています。余白が多いのでシンプルで伝わりやすいレイアウトです。レスポンシブデザイン。

https://comotion.studio/

はじめかた研究所

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

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/

Bench — Online Bookkeeping for Your Small Business

海外／簿記のオンラインサービス。シンプルなデザインでサービスの内容をわかりやすく紹介しています。余計な情報がないので迷わずに目的の情報にフォーカスできます。レスポンシブデザイン。

https://bench.co/

横浜市クリエイターデータベース

WEBサービス／横浜市内で活躍するクリエイターを調べられる便利な検索・紹介サイト。ブラック、グレーのカラーテイストとクロスしている帯がクールでおしゃれな雰囲気を伝えています。動画の使い方が上手く印象に残ります。

https://acy.yafjp.org/creatorsdatabase/

100 Years of National Park Service

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

http://www.100yearsofnps.com/