オシャレなウェブサイトを簡単に作れるWEBサービス Virbのサイト。サービス的にはWixみたいな感じでしょうか? メインビジュアルのカルーセルスライダーが端末内のサムネイルだけ動きます、いいですね。 ブルーなフラットデ […]
http://usablica.github.io/front-end-frameworks/compare.html
bootstrap やfoundation等のCSS フレームワークの比較サイト。 シンプルでスッキリとした余計な装飾の無いデザインですが、見やすくまとまっています。 彩度を落としたくすんだ色合いのフラットデザイン。
EC-CUBEベースのネットショップ構築を行っているカゴラボさんのサイト。 EC-CUBEのイメージカラーであるイエローと、ブラックのコントラストが映えます。 日本語でのタイポグラフィは難しいと個人的には感じているのです […]
http://www.eco.sanken.osaka-u.ac.jp/
大学の研究室のページ。 ウェーブと三角の組み合わせのデザインが新しいですね。配色も爽やかで、研究室のページとは思えないほどのクオリティです。
http://electrichummingbird.com/
イギリスのデジタルクリエイティブエージェンシーのサイト。 ホワイトスペース多めのシンプルなフラットデザイン。 メインビジュアルはなく、タイポグラフィーのカルーセルスライダー。
http://kentisburygrange.co.uk/
ホテルやロッジを運営している会社のサイト。 シンプルなグリッドデザインなのですが、背景を斜めにするだけで、意外性のあるデザインに生まれ変わる好例ですね。
小型デジカメのサイト。 ビビッドでフラットな配色、ポリゴン風デザイン、斜めグリッドと最近のトレンドをふんだんに取り込んだデザインになっています。
ハンドメイドキャンドルのサイト。 波打ったメインビジュアルのスライダーが印象的。ヘッダーのロゴがセンター寄せなサイトも最近よく見ますが、流行ってるのでしょうか? 淡い色遣いでシンプルに仕上がっています。
ロンドンのWEB製作会社のホームページ。 彩度をずらした同系色を斜めに使うことで、フラットなのに光沢のある不思議のデザインに仕上がっています。 それ以外は、余計な装飾は無く、シンプルなフラットデザインです。
http://www.annapurnarecruitment.com/
フラットデザインの海外の求人サイト。 角丸でマスクしたような、とんがりが特徴的なモチーフで意外性があります。 色遣いはパステル調でザ・フラットデザインな配色ですが、メインビジュアルには透明度のある山の画像を使っているので […]
熊本県八代市の結婚式場のサイト。 大きめなメインビジュアルのカルーセルスライダーと、シンプルにすっきり仕上げたページレイアウトが印象的。 コンテンツの紹介バナーがカルーセルになっているのも珍しいです。
web系の企業の採用サイトです。 タイル状のメインビジュアルが印象的です。コンテンツ部分はグリッドベースで、レスポンシブに対応しています。 スカイブルー×オレンジの二色使いで爽やかに仕上がっています。
宝塚市の和菓子屋さんのウェブサイト。 和菓子ということで、和柄や縦書きなど和風のデザインです。 縦長のカルーセルスライダーで各商品を魅せる、ってのはちょっと発想に無かったので意外でした。 カラフルなのにスッキリして落ち着 […]
Googleのデザイナーのポートフォリオサイト。 モノトーン×ブラー(ぼけ)背景でシンプルにまとめつつ、ラストのCTAボタン(メールボタン)で急にブルーが出てくるので、Call To Actionへの視線誘導されます。