青と紫のグラデーションが美しい。 パララックスの動きと、「さゆり」「さユり」「サユリ」の3つ存在するという世界観をベースに、裏表を切り替えられるギミックも面白いですね。
アニメ「ソードアート・オンライン」とIBMのコラボ企画のランディングページ。 ゲームの電脳世界を表現したようなデザインになっています。
マツダ車に標準搭載されているカーナビに関する口コミ・掲示板サイト。 固定配置された背景画像と黒をベースに落ち着いたデザインに仕上がっています。 レスポンシブWEBデザインなので、PCからでもスマホからでも利用しやすいです […]
http://opc.olympus-imaging.com/
オリンパスのカスタマイズできる新型カメラプラットフォームOPCの特設サイト。 方眼紙の背景+カメラの図面の背景を大胆に使うことで、最先端テクノロジー感がうまく演出できています。 メインビジュアル部のCTAボタンもゴースト […]
自動車関連のメディアサイト。 Masonryスタイルのグリッドが綺麗に収まっていていいですね。 レスポンシブWEBデザイン対応で、スマホ表示がスッキリしていていいです。 マガジン系サイトを作るときにいいかもです。
http://sanographix.github.io/loveliver-case/
iPhoneケースの販促ウェブサイト。 ビビッドなグリーンとブラックのツートン配色が美しいです。 レイアウトも、Appleのウェブサイトのような、端末がドーンと配置されているタイプ(なんて呼べばいいんでしょう、こういうレ […]
http://sira-kura.net/vocaloid-premier-amour/
コミックマーケットの同人誌の告知ウェブサイト。 かわいいイラストなのでPOPになりすぎてしまいがちですが、ホワイトスペースを広めに取ったスッキリとした落ち着いたデザインに仕上がっています。
ボイパで有名なHIKAKINのブログ。 タイトル文字と、背景のHロゴが重なっており、スクロールするとパララックスでズレるという、美しいデザイン。 ピンクの斜めラインも、インパクトがあっていいですね。
http://www.lawson.co.jp/campaign/static/niikoshi2014/
ローソンのおにぎりのキャンペーンサイト。 和風のイラスト・テクスチャの質感と、ブラー背景が見事にマッチしている素晴らしいデザインです。 ホワイトスペースの取り方もうまいので、参考にしたいですね。
スマホアプリ開発技術検定試験 「スマ検」のウェブサイト。 ブルーと薄いベージュのコントラストをベースに、固定ヘッダー、フラットデザイン、ブラー背景など、最近のトレンドをうまく取り入れています。
http://www.calbee.co.jp/grano-ya/
カルビーから発売されたフルーツグラノーラ的なgrano ya グラノヤのウェブサイト。 色使いはカラフルなのですが、ホワイトスペースを広めに取っており、スッキリとした爽やかなデザインです。
http://www.kewpie.co.jp/easter/
キューピーのイースター特設サイト。 パステル調の色使いとイラストを基調に、ダイナミックなレイアウトでかわいい&たのしいイメージのウェブサイトに仕上がっています。
http://online.dhw.co.jp/feature/live/
デジタルハリウッドのLiVE for WebLiFE 2 実践講座特設ページ。 ビビッドなピンクをキーカラーにPOPでカラフルな配色でまとまっています。