時間をかけて見てほしい!デザインや仕掛けが素晴らしいウェブサイトのまとめ
Post on:2014年1月30日
今回はデザインの細部までこだわりを感じる、操作性が面白い、そんなアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。
コンテンツファースト、Off Canvas、1ページ垂直スクロールがキーワードです。
また各サイト、ナビゲーションが非常に変わっていますが、初めてでも迷うことなく操作できると思います。ゆっくり時間かけて楽しんでください!

Amanda Gerhardsen
ノルウェーの写真家さんのポートフォリオ、ダイナミックな四方向のナビゲーション、各UIエレメントの繊細な動きが楽しめます。左上の「Remix」で落書きもできるとても楽しいサイトです。

iArk
ノルウェーのインテリアデザインのコーポレートサイト、サイト全体のトーン&マナーが非常にかっこよく、レイアウトやタイポグラフィ、写真全てが美しくデザインされています。右サイドのOff Canvasも面白い使い方です。

Rare Icons
ニューヨークのクリエイティブ集団「Rare Icons」の動画を通じてさまざまなメッセージを配信するコンテンツ。フラットなスタイルと動画が非常にマッチしています。

Huxtaburger
オーストラリアのハンバーガーショップのサイト、メニュー、店舗紹介、オンライン注文とミニマルなコンテンツ構成ながら、細部に至るまで丁寧にデザインされています。メニューのアニメーションがかわいいw

One Iote
オーストラリアのデザイン会社のサイト、1ページで構成されており、随所に仕込まれたインタラクションな仕掛けがとても楽しく、便利です。右サイドのナビゲーションの吹き出しもかわいいですが、飛び出すアクションもいいですね。

Volume 1
デジタルアートの書籍のプレビューサイト、上下と左右を使ったこういう遷移も面白いですね。あと、コンテンツを損なわないさりげないナビゲーションもポイント高いです。

Drexler
メリーランドのクリエイティブエージェンシーのサイト、下の方にちらっと見えているイエローの付箋がナビゲーション、この位置けっこう使いやすいです。表示のエフェクトや上下左右の動きも工夫されています。各プロジェクトページを最後まで見た時に、次を紹介するエフェクトもかっこいいです。

Convoy Interactive
ドイツのデザインエージェンシーのサイト、ページいっぱいに配置された矩形を使って、サイコロのように次々にコンテンツを表示します。

Wanda Print
ロンドンのデザインプロダクションのサイト、1ページ垂直スクロールタイプで、合わせ絵とOff Canvasを巧みに使ったUIが新鮮です。コンテンツごとに異なる見せ方を使っており、全体的に高級感が溢れた上品なデザインが素敵。

Flat Design vs. Realilsm
2013年、そして今年も激しい議論が予想されるフラットなデザイン vs. リアリズムの対決を描いたコンテンツです。勝敗の行方はスクロールで!

Pharrell Williams - Happy
米ヒップホップ界のPharrell Williamsが8年ぶりにリリースした「Happy」のプロモーションサイト、PVの時間はなんと24時間!朝・昼・夜と人々が曲に合わせてダンスをしています。本人も1時間ごとに登場するらしいです。曲もいいけど、UIもかっこいい!
sponsors