IE6-8 is Not Supported

【2015年3月】今月リリースされたクオリティの高い海外サイトまとめ

2015年3月にリリースされた海外サイトの中で、クオリティの高いサイトを紹介します。
3月は本当に良サイトが多かったので、まとめるのも時間かかってしまいました…。
個人も会社も素敵な作品がたくさんあるので是非御覧ください。

1. WWF – Earth Hour Paris

By Wandi (France)

earthhour.paris

  • Full Screen

Facebook 連動で参加できるタイプのサイト。連動しなくても閲覧は可能です。おもしろい UI なので、こういった特殊なコンテンツを作る際の参考にメモ。

2. The Witnesses

By (HKI)™Hellohikimori™ (France)

thewitnesses-theseries.fr

  • Full Screen
  • Video

まるでゲームをプレイしているような世界観と演出がかっこいいサイト。いつもこの手のサイトを見るとどのくらいの期間で開発しているのかが気になってしまいます。

3. LA HAUTE SOCIETE

By LA HAUTE SOCIETE (France)

www.lahautesociete.com

  • WebGL

WebGL を多用したサイト。一貫して宇宙っぽさのあるデザインですが、スライドごとに異なるアニメーションが施されこだわりを感じます。このくらい動かせたら楽しそうですね。

4. Nicolas Bussière

By Nicolas Bussière (France)

nicolas-bussiere.fr

  • One Page Scroll
  • Portfolio

こちらは個人のポートフォリオ。非常にシンプルですが、無駄がないので気持ちよく作品を見ることができます。フリーで UZIK とかと仕事してるみたいだけど、たしか僕よりだいぶ若かった気がする…。

5. Stupid Studios

By Stupid Studios(Denmark)

stupid-studio.com

  • Flat

いい意味でのフラットデザインの見本です。鮮やかで見やすい。アイコンと斜めのエフェクトで個性も出てていい感じです。

6. The House Hunters Journey

By Apt (Norway)

boligreisen.no

  • Video

動画をうまく使った演出が特徴的。動画をストーリー形式で扱う場合に参考になるかもしれません。

7. Sassi Holford

By Green Chameleon (United Kingdom)

sassiholford.com

  • Elegant

ウェディング系の上品なサイトです。この手の演出は日本のサイトにも応用できそうですね。

8. Huncwot

By Huncwot (Poland)

huncwot.com

  • Geometric

幾何学デザイン…すごく好みです。白黒ベースのフラットデザインなので作品も見やすいですし、ストレスなくサイトを閲覧できます。

9. Creative Edge Parties

By Adam Hartwig (United Kingdom)

www.creativeedgeparties.com

  • WebGL

CSSDA か何かで記事になっていましたが、全て WebGL を使って自分で書いているらしいです。世の中には飛んだ変態がいたものですね。 (褒め言葉)

10. Hello I’m V

By Valentin Marmonier (France)

vaalentin.github.io

  • WebGL
  • One Page

こちらも個人での WebGL 作品。こういう作品を見ると、ちょっと動かせるだけじゃ無意味な気がしてくるから困ります。

11. Dogstudio

By Dogstudio (Belgium)

www.dogstudio.be

  • Animation
  • Dogstudio

Awwwards Conference にも登壇した Dogstudio のリニューアル。先月の Hello Monday に続き、有名制作会社のリニューアルになります。質感や写真を重視したデザインながら古臭さを感じさせなく、Dogstudio らしさを出せるのは流石の一言。かっこいいです。

12. HelloThierry

By Thierry Ambraisse (France)

www.hellothierry.com

  • Full Screen

スムーズな画面遷移とコンテンツの切り替えが非常にかっこいいサイトです。個人的に好きなフランスのデベロッパーさんが制作を手がけています。

13. House Of Borel

By Immersive Garden (France)

houseofborel.com

  • Full Screen
  • Video

Immersive Garden ひさびさの作品。相変わらずのクオリティといつも通りの雰囲気が素敵。2012年の SOTY を受賞した Black Negative に少し似ている気がします。

14. Stephen Webster

By UZIK (France)

stephenwebster.com

  • Scroll

素材が綺麗だと映えるレイアウトです。こういったサイトも一度は作ってみたいですね。

15. Nicolas Tarier

By Nicolas Tarier (France)

www.nicolastarier.com

  • Portfolio

こちらも似たレイアウトですが個人のポートフォリオになります。作品を見せることに重点を置けばこういった使い方もかっこいいですね。

16. In Pieces

By Bryan James (Netherlands)

species-in-pieces.com

  • CSS3
  • Animation

たぶん、Awwwards で史上初のクリエイティビティ最終スコア 9.0 の作品です。CSSのみでポリゴン調の動物が動くサイト。アニメーションは Chrome だけですが、とにかく凄い。しかも個人制作で FWA の SOTM を受賞。製作者は Bryan James 氏。昔からおもしろいサイトを作っていて有名な方です。

17. Your Brain on Poker

By Vlad Kuzmin (United Kingdom)

www.yourbrainonpoker.com

  • Fill Screen
  • Texture

少し前までよく見た雰囲気のサイト。どことなく Flash っぽさがあります。

18. Alessandra De Tomaso

By Awd Agency (Italy)

www.alessandradetomaso.com

  • Full Screen

いい意味で真似するのが上手いサイトです。普段結構サイトを見ている人はどこがどのサイトを参考にしているかわかったりするかもしれません。

19. Bonhomme

By Bonhomme (France)

bonhommeparis.com

  • Scroll

最後は Bonhomme のリニューアル。数ヶ月前から Comming Soon になっていたので期待していたのですが、相変わらずスクロールの余韻とコンテンツの見せ方のバランスがよくて、アートっぽいをサイトに合った演出しています。

あとがき

冒頭でも述べた通り、今月は豊作でした!(これでも結構削っています)
傾向は年末からさほど変わってないように思えますが、個人のレベルが高い人が多いことを実感。
本当に1人でやってるの?ってレベルの作品を早く作れるようになりたいですね。

それと、平日更新が厳しいので勝手ながらサイトまとめは次の月の最初の土日、無理なら次の週といった感じに変更しようかと思います。

ads by google