http://www.annapurnarecruitment.com/
フラットデザインの海外の求人サイト。 角丸でマスクしたような、とんがりが特徴的なモチーフで意外性があります。 色遣いはパステル調でザ・フラットデザインな配色ですが、メインビジュアルには透明度のある山の画像を使っているので […]
ECサイト向けのオンラインチャットサービスのサイトです。 うすくドット柄のテクスチャがはいったブラー背景のメインビジュアルとフラットデザインで構成されています。 メインビジュアルはカルーセルしそうにみえたのですが、rep […]
熊本県八代市の結婚式場のサイト。 大きめなメインビジュアルのカルーセルスライダーと、シンプルにすっきり仕上げたページレイアウトが印象的。 コンテンツの紹介バナーがカルーセルになっているのも珍しいです。
web系の企業の採用サイトです。 タイル状のメインビジュアルが印象的です。コンテンツ部分はグリッドベースで、レスポンシブに対応しています。 スカイブルー×オレンジの二色使いで爽やかに仕上がっています。
宝塚市の和菓子屋さんのウェブサイト。 和菓子ということで、和柄や縦書きなど和風のデザインです。 縦長のカルーセルスライダーで各商品を魅せる、ってのはちょっと発想に無かったので意外でした。 カラフルなのにスッキリして落ち着 […]
Googleのデザイナーのポートフォリオサイト。 モノトーン×ブラー(ぼけ)背景でシンプルにまとめつつ、ラストのCTAボタン(メールボタン)で急にブルーが出てくるので、Call To Actionへの視線誘導されます。
これはなんのサイトだろう・・・BoAの曲のキャンペーンサイトでしょうか?? 最近はフラットデザインといえばパステルカラーというような流行も手伝ってか、パステル調の淡い色彩のWEBサイトが増えてきました。 幾何学の模様をち […]
http://www.nikon-image.com/sp/1_nikkor/
ニコンのレンズの特設ページ。 カメラ関連のサイトなだけあり、やはり写真のインパクトでデザインに説得力を持たせるのが旨いです。 余計な装飾は要らない、写真が語ってくれる、そんなデザインです。
レスポンシブWEB デザイン対応で、基本的なデザインはフラットに仕上がっているのですが、特筆すべきは、背景全体がスライダーになっており、カルーセルします。 PCでもマウスでスワイプ操作ができます。 こういうサイトはなかな […]
コーヒー豆の焙煎所のホームページ。 コーヒー=黒、落ち着く というイメージ通り、シックで落ち着いたデザインに仕上がっています。 ホワイトスペースを広めに取ることで、「コーヒーを飲みながらゆったりとした時間」を演出していま […]
http://www.wantstobegreat.com/
菱形デザインの次は、来ました「平行四辺形デザイン」! しかも、スクロールに追従してゆらゆら変形していきます、気持ち悪いw 実装方法はCSS3のtransform rotateで回転させるおなじみの方法ですね。 モノトーン […]
http://www.petit-mouton719.com/
WEBデザイナーさんのポートフォリオサイト。 水彩画調のデザインなのですが、色遣いがビビッドで派手なのにうまくまとまっていて、とても参考になります。 ホワイトスペースの取り方など、細かい部分までセンスよくまとまっています […]
医療系の企業様のコーポレートサイト。 ジャンルが医療ということで安心感・信頼感が第一なのでかカチっとした堅実なイメージでベースは仕上げつつも、少しづつ色相をずらしたエメラルドブルーからパープルのフラットな色づかいで、かっ […]
小さな正方形をちりばめたようなメインビジュアルのデザイン。結構新鮮でした。 真ん中の9列だけfloat:leftいたul要素でレイアウトされており、それより外側は背景画像で設定されています。 たくさんの物件の写真で視覚に […]
WEBデザイナーの方のポートフォリオサイト。 携わったプロジェクトの一覧ページです。 フラットデザイン×これも最近はやりのブラー背景(ピンぼけの背景)と2つのトレンドを抑えたデザインになってます。 (なぜ一つ目だけブラー […]
http://perspectivewoodworks.com/
またまた来ました、斜めグリッドのダイヤモンド・菱形デザイン。 どうもこういうデザインが気になっちゃうみたいで・・・ 斜めでしかもランダムだと、配置のセンスを問われますが、すごくバランスがいいですね。
スターバックスのフラペチーノ特設サイト。 ポリゴン風デザインというか、ランダム多角形レイアウトで斬新です。 コーディングがめんどくさそうで、よく挑戦したなぁと思います。(個人的にはあまりやりたくないw) レスポンシブにも […]