青と紫のグラデーションが美しい。 パララックスの動きと、「さゆり」「さユり」「サユリ」の3つ存在するという世界観をベースに、裏表を切り替えられるギミックも面白いですね。
http://www.bake-jp.com/#content
最近話題の焼き菓子系スタートアップ起業のウェブサイト。 スイーツというともっとゴチャゴチャっとした印象の女性的なウェブサイトが多いんですが、こちらは男性的でポップカルチャー寄りのイエローとブラックで構成された配色が素敵で […]
http://shinetsu-shizenkyo.com/
フラットな単色イラスト背景とダイナミックなレイアウトが素敵です。 たまに解像度の低い写真が混ざっているのが残念ですが、クオリティ高いです。 パララックス的なアニメーションもいいですね。
http://www.ohtakegakuen.ac.jp/
調理師・服飾系の専門学校のウェブサイト。 さわやかなスカイブルー×イエローの色使いで炭酸飲料のような爽やかなイメージが、エネルギッシュな若者のターゲットとうまくマッチしている気がします。 斜めに配置されたメインビジュアル […]
ウェブマーケティングカンファレンスのウェブサイト。 斜めにレイアウトされたタイルがスピード感を演出しています。 バランス感覚がすごく難しいデザインになりがちなのですが、うまくまとめています。
Googleのデザインガイドラインのサイト。 フラットデザイン、タイルレイアウトでまさに今のデザイントレンドを盛り込んだデザインになっています。 もちろん、レスポンシブウェブデザインで構成されています。
http://sanographix.github.io/loveliver-case/
iPhoneケースの販促ウェブサイト。 ビビッドなグリーンとブラックのツートン配色が美しいです。 レイアウトも、Appleのウェブサイトのような、端末がドーンと配置されているタイプ(なんて呼べばいいんでしょう、こういうレ […]
元カレ・元カノとの思い出の品を預かってくれるレンタルボックスのサイト。 メインビジュアルの全画面背景の動画や、事件現場のKEEP OUTテープの様な斜めに走る装飾、パララックスでスクロールに応じて要素が表示されるアニメー […]
http://www.shinsotsu.recruit-lifestyle.co.jp/
リクルートライフスタイルの求人サイト。 去年WEB CREATOR BOXで取り上げられて静かに流行していたポリゴンデザインを全体に取り入れています。 スッキリとした角丸のグリッドにポリゴンがよく映えます。
http://nj2013.takarakuji-official.jp/
宝くじの特設サイト。 マンガの様なコマ割りや、ローディング中の震えるアニメーションなど、POPでお洒落に仕上がっています。
WEB製作やデザインをおこなうSTUDIO E-SPACEのウェブサイト。 基本的にはビビッドカラー×フラットデザインですが、デザインの会社だけあって、四隅にトンボマークがあるなど、遊び心のあるデザインに仕上がっています […]
http://www.perfume-web.jp/cam/miseyoLEVEL3/
パヒュームらしいスタイリッシュでアバンギャルドなデザインに仕上がっています。 カラフルな三角形をランダムに配置してアニメーションさせることで、3Dのポリゴンが浮遊しているような印象になっていたり、縦書きや、変わったフォン […]
「そうそう、フラットデザインってこんな感じ」っていうドストライクなフラット・パステルカラー・ワンページのサイト。 大胆な配色はほんの少し違うだけで印象ががらっと変わってしまうので、難しいのですが、参考にしたいものです。
東京証券取引所の特設サイト。 キーカラーの赤をベースに、最近増えてきているワンページ型の縦長レイアウト。 大胆なタイポグラフィーやレイアウトながら、すっきりと、イラストも交えて構成されています。
http://www.momoya.co.jp/goendesuyo/
Peeping Life×桃屋のコラボ企画のサイト。 ハートテクスチャの黄色い背景から雲を使った切り替えや、太めのストライプ使い、見出し部分のリボンの使い方など、こまかいデザインが繊細で参考になります。
http://agrinext.jp/kidsmuseum/
半円状に配置された虹色なメインビジュアルのスライドショーがPOPでこどもらしさを演出しています。 サークルを多用したデザインで、やわらかい子供向けのホームページに仕上がっています。