2015年6月 ホームページ制作の参考にしたい!気になったWebサイトまとめ

2015年も半年が過ぎ7月になりました(早い)。残り半年もアイドットデザインのブログ更新を継続できるよう頑張ります。

それでは今月も恒例のWebサイトまとめを公開します!

映画と見間違うような高クオリティのWebGLを用いたWebサイトが増えてきています。

※「2015年6月に公開されたサイト」というわけではないのでご了承ください。

Anton & Irene

anton-irene
URL : http://www.antonandirene.com/

ニューヨーク・ブルックリンに事務所を構えるデザインファームのWebサイト。

ユーモアがあるトップ画像に2人のキャラクターがよく現れています。

すっきりとシンプルなレイアウトはスマートフォンでも見やすくユーザーに優しい構成になっています。

Feedmusic

feedmusic
URL : http://www.feedmusic.com/

知的財産権や保護するプラットフォームに関するWebサイト。

スクロールでアニメーションするcanvasや、マウスオーバーのエフェクトが滑らかで気持ち良いです。

Lucas Hirata

lucas-hirata
URL : http://www.lucashirata.com/

ロサンゼルスのクリエイティブ・ディレクターによるポートフォリオサイト。

全画面に表示される背景動画と、実績の頭文字を大胆に配置したデザインがかっこいいです。

プロフィールページもユーモアが効いていておシャレ。

Vulking

vulking
URL : http://vulking.nl/

ヨーロッパのフットウェアブランドのWebサイト。

アニメーションgifで商品の利用イメージが湧きやすくなっています。

シネマグラフィックとテキストだけでもレイアウトによって動きがでてクールな印象を与えるサイトです。

Habib Fadel

habib-fadel
URL : http://www.habib-fadel.com/en/

ミラノで活動するアーティストのサイト。

浮き出る3Dアートのようなトップページはインパクトがあってかっこいい。

コンテンツ量は多くないですが、さりげないホバーエフェクトが随所にしっかりと作りこまれています。

PCでもスマートフォンでも見やすいレイアウト・UIの作り方がとても参考になります。

DENNIS

dennis
URL : http://www.dennis.video/

Three.jsを用いたミュージック・ビデオが楽しめるWebサイト。

ポップな配色と多角形のオブジェクトが動き回る3D表現をWebで実現しています。

ビデオ再生中でもマウスの動きにそって動画のアングルが変わっていくインタラクティブ性も持っています。

Pauline Osmont

pauline-osmont
URL : http://www.paulineosmont.com/

フランス・リヨンのアートディレクター兼イラストレーターのWebサイト。

美しいカリグラフィとシックな雰囲気のデザインが印象的です。

作品画像のホバーアニメーションがオシャレで参考にしたい。

3D Photogrammetry feat. Motoko Kusanagi

3dmotoko
URL : http://3dmotoko.jp/

アニメ攻殻機動隊シリーズのキャラクター草薙素子を3DスキャンとWebGLで表現!

ドラッグすれば360°で3Dモデルを眺めることができる圧倒的なクオリティ。光学迷彩もちゃんと表現されてて未来を感じる。

モデルはうしじまいい肉さんを起用とのこと。

PANIC

panic
URL : http://www.panic.lv/en/

東ヨーロッパで活動するクリエイティブスタジオのWebサイト。

ポップだけどちょっと毒のある配色が強いインパクトを残します。

ローディングのアニメーションが可愛かったり、大胆な斜め切り出しのレイアウトが参考になります。

Neymar Jr. CRAZY SKILLS

neymarjr
URL : https://crazyskills.panasonic.com/ja/

サッカーブラジル代表のスター選手ネイマールをWebGLで再現!

実際のネイマールのプレイを3Dアニメーションで楽しめます。好きなプレイには投票することもできる。

いやあリアルですね。WebGLの表現力はすごい。

8月には新たなコンテンツも追加されるらしく、そちらも楽しみ。

WE AIN’T PLASTIC

we-aint-plastic
URL : http://weaintplastic.com/

今回ご紹介するなかではわりとシンプルな内容のWebサイト。

ミニマルなデザインとSVGアニメーションがカッコよくて好きだと思いセレクトしました。

SVGアニメーションはシンプルなサイトのアクセントとしても使い勝手が良いですね。

@Cabbibo

cabbibo
URL : http://cabbi.bo/enough/

こちらもWebGLを用いた作品です。

アイコンをクリックすると1シーンずつ展開していく絵本のような形式のWebサイト。

とにかく美しい3Dグラフィックについつい時間を忘れて入り込んでしまいます。

パーティクルと幻想的な空間に漂うクラゲが綺麗。

アイドットデザインのブログはWeb業界の話題に限らず幅広いビジネストピックについて書いています。
よろしければFacebookページのフォローをどうぞ!ビジネスに役立つ情報をお届けします!

福岡のホームページ制作・SEO対策はアイドットデザインまでご相談ください!
インターネット集客やWebマーケティングのご相談も承ります。

follow us in feedly

Facebookページに「いいね!」して更新情報をチェック!

« »