AirServerを開発したAPP DYNAMIC社のウェブサイト。 こちらも落ち着いたペールトーンとイラストをベースにしたフラットなデザイン。 ホワイトスペースのとりかたもとてもうまいですね。 すっきりしていて、個人的 […]
横浜市の歯医者のウェブサイト。 歪んだ曲線で切り取られたようにマスクされたメインビジュアルのカルーセル、水彩画タッチの色使い、薄い水玉テクスチャや方眼など、細かい部分までデザインにこだわって作られています。 ワンページデ […]
大分の一級建築士事務所のウェブサイト。 建築士ということで、家をモチーフにした5角形のメインビジュアルや、スッキリとしたゆとりのあるグリッドレイアウト、縦書きなどで、ミニマムながらハイセンスな印象に仕上がっています。 レ […]
http://www.j-wave.co.jp/original/acoustic/
J-waveのラジオ番組のウェブサイト。 オーガニックな印象の手描きイラストでスッキリと仕上げており、癒されます。
http://kodomo.benesse.ne.jp/ap/
ベネッセのこどもチャレンジのしまじろうクラブのウェブサイト。 子供向けとはいえ、ベージュやペールトーン(くすんだパステル調の色み)を使用した落ち着いた配色で仕上がっています。 bootstrapなどのフレームワークを使わ […]
http://www.hakuhodo-consulting.co.jp/
国内広告業界2位、博報堂DYホールディングスが運営するコンサルティング会社のWebサイト。 要所にカルーセルを使用し、重要なコンテンツに効果的に誘導しています。 ホワイトスペースのバランスが良く、多めのコンテンツもスッキ […]
http://opc.olympus-imaging.com/
オリンパスのカスタマイズできる新型カメラプラットフォームOPCの特設サイト。 方眼紙の背景+カメラの図面の背景を大胆に使うことで、最先端テクノロジー感がうまく演出できています。 メインビジュアル部のCTAボタンもゴースト […]
東京に複数店舗を展開するガーデニングショップのウェブサイト。 要所要所で登場するカルーセルパネルや、サークルデザイン、全画面背景の使い方がうまく、 高級感がありつつも親しみやすい女性的なデザインに仕上がっています。
アクティブカラーという、心理学の投影法に色彩を取り入れた占いのようなメソッドの協会サイト。 色をテーマにしているだけあって、色使いが鮮やかながら破綻しておらず、美しいですね。 ブラー背景など、最近のトレンドもうまく取り入 […]
http://tokunoshima-artproject.com/
フルスクリーンの海の背景イメージがフェードアニメーションで切り替わります。 線の細さとホワイトスペースの取り方で、ゆったりとした印象を与える素晴らしいデザインに仕上がっています。 アートですね。
全画面の暗めのメインビジュアルにロゴとテキストを載せるスタイルのサイトは、最近よく見かけますね。 高級感のあるスッキリとしたデザインで、洗練されて見えます。