ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ

デザインの細かいところまでこだわりが! こんな発想はどこから生まれるの? そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。

時間のある時にじっくり楽しんでください!

サイトのキャプチャ

Kenzo -No Fish No Nothing

題字のインパクトがすごいですが、新しいタイプのスクロールエフェクトが更に強烈! こんな使い方は初めて見ました。

サイトのキャプチャ

Volkswagen Mexico -Think Blue
※Chromeでご覧ください。

随所に紙を使ったとてもかわいらしいデザインです。

サイトのキャプチャ

Hermes employeur

最初に紙飛行機で降り立つシルクハットのおじさんがウォーリーを探せのようにコンテンツのあちこちに登場します。

サイトのキャプチャ

Optimo Hats

帽子屋さんのサイト、帽子の見せ方、帽子の作り方、非常に美しくデザインされています。

サイトのキャプチャ

Carl-Philippe Brenner

昨日紹介したボーダーをSVGでアニメーションさせる進化形。各パネルをクリックしたコンテンツページの最下部にあるナビゲーションのアニメーションも素敵。

サイトのキャプチャ

Dream on
※Chromeでご覧ください。

ウェブ制作会社のインタラクティブコンテンツ、美しいサウンドと絶妙なスクロールのリズムに癒やされます。

サイトのキャプチャ

adidas Originals

adidas公式のtumblrを使ったサイト、斜めのラインが非常にうまく使われています。

サイトのキャプチャ

Complete Baltics

ウェブデザインもすごいのですが、画力がスゴイ! Servicesのページなんて完全にアートです。

サイトのキャプチャ

Huge

よく見かけるスクロールベースのサイトですが、個々のアニメーションの設定やレイアウトなど非常に細かいところまで工夫されています。

サイトのキャプチャ

LiveAreaLabs

Eコマースを専門に請け負っている制作会社のサイト、魅力的に見せるということに非常にこだわりと感じます。

サイトのキャプチャ

Where does coffee come from?

コーヒーはどこから来るの? が分かるサイト。完全に趣味でピックアップしました。

サイトのキャプチャ

Fluger Design

プロペラ機が水平・垂直に移動してコンテンツを案内します。逆に移動すると逆向きになるのは細かいことですがいいですね。

サイトのキャプチャ

Bolia.com

トップは多分ランダムで、コンテンツごとにさまざまなスクロールエフェクトが用意されています。キャプチャは家具がどんどん増えます、あとは色がどんどん変わったり、椅子がくるくる回ったりと。右上から自由に選択できます。

サイトのキャプチャ

Agent Tactile

動画とアニメーションを効果的に取り入れたかっこいいサイトです。アコーディオンにアニメーション使うの面白いですね。

サイトのキャプチャ

Justin McGuirk

最後は見た目は非常にシンプルですが、こんなナビゲート方法があるんですね。

top of page

©2017 coliss