少し前から流行っているフラットデザインですが、最近は日本のサイトでも多く見かけるようになりました。

勉強のために、いろいろ見てきたものをここでは７つ紹介したいと思います。

フラットデザインのサイト7選

株式会社ユニオンネット

大阪の制作会社さんのサイトです。
横幅いっぱいの写真を使用し、ちょっとした動きもありいい感じです。

 

 

ホームページ制作│大阪│株式会社ユニオンネット

 

DEMONO（デモノ）体験をモノに。

ECサイトのツールを手がけている会社さんで、色合いがいい感じですね！
スクロールと連動した動きもつけられています。

 

DEMONO（デモノ）体験をモノに。

 

みんなのマーケット株式会社

まだ創立3年程の会社です。
くらしのマーケットというサイトを運営しています。
シンプルな形で、円形の写真を使い人物を紹介しています。

 

みんなのマーケット株式会社

 

株式会社ワノコト

埼玉にあるweb制作会社さんです。
ブルーとオレンジを基調にしたサイトで、いいフラット感です。

 

ホームページ制作・システム開発 埼玉県（入間市・所沢市・飯能市・川越市）・東京中心のサイト制作 – 株式会社ワノコト

 

サイバーエージェント・クラウドファンディング

クラウドファウンディングを運営しているサイバー系の会社さんです。
カラフルで大きな写真を使用しています。こちらも人物紹介が円形の写真を使用していますね。

 

サイバーエージェント・クラウドファンディング

 

株式会社フォーデジットデザイン

都内にあるweb制作会社さんです。
横幅いっぱいの写真を使っていますが、フラットというよりミニマルに近いでしょうか？
ホワイトを基調としておりキレイにできています。
ページの切り替わりもオシャレです。

 

FOURDIGIT DESIGN Inc. | 株式会社フォーデジットデザイン

 

LIVESENSE made*

リブセンスさんの採用専用サイトです。
大きな写真をメインにしようし、アクセントがブルー、グレーを基調としています。
スッキリしていてみやすいですね。
こちらも人物紹介に円形の写真を使用しています。

 

LIVESENSE made*

 

 

 

上記のサイトを見て思ったのが、
サイトの横幅はブラウザいっぱいで枠を設けてなく、
コンテンツ毎の区切りで色を変更したり、
写真を横幅いっぱいで使用したりしていますね。

基本的には縦長で、余白を十分にとり、
スクロールと連動させた動きをつけているサイトも多くありました。

人物紹介で写真を円形にしているサイトが多くあったのがちょっと気になりました。