via: http://alisharaf.com/

こんにちは。シンス株式会社の越水です。

今年の夏は猛暑らしく、早くも夏本番といった天気が続いていますね。
暑さに負けずに頑張ってシンス株式会社ブログも更新を続けていきたいと思います！

さて毎月恒例のWebデザインまとめ、6月にチェックしたWebサイトのなかからシンス株式会社スタッフが気になった11のWebサイトをまとめてお届けします。

それではどうぞ！

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

wrk

URL : http://waaark.com/

フランスのクリエイティブWebスタジオです。

Webサイトのいたるところにアニメーションが実装されており、挙動もなめらかで気持ち良いです。

画面遷移やローディング、ナビゲーションの動作など、どこを切り取っても見ていて飽きないWebサイトになっています。

Booounce

URL : http://booounce.cmiscm.com/

GIFアニメやショートアニメーション好きにはたまらないコレクションサイトです。

ひとつひとつの作品も見ていて楽しいですし、サイト全体としてもCSSアニメーションやCanvasアニメーションの勉強になる動作が随所に含まれています。

Qetic

URL : http://www.qetic.jp/

「時代に口髭を生やすニュースメディア」として、アートや音楽、デジタルテクノロジーなどを取り扱うオウンドメディア。

画像にマウスオーバーしたときのフィルター効果がカッコいいです。

なんとなく、ビックリマンチョコのホログラムシール（古い）の効果を思い出すのは私だけでしょうか。

Moods

URL : http://www.moodsmusic.it/

音楽アーティストであるMoodsのウェブサイト。

WebGLの3Dライブラリ、three.jsを活用したトップページがインパクト大です。

こうした動画と3D表現の掛け合わせはクールですね。

Swiss Army Man

URL : http://swissarmyman.com/

こちらもWebGLを駆使した作品。ハリーポッター主演のダニエル・ラドクリフが出演する映画の予告サイトです。

グニャグニャした人形をマウスで操るのが妙にクセになる奇妙なWebサイト。

予告ムービーを見ると、もはやデザインやWeb技術そっちのけでどんな映画なのか気になってしまいます。

DeNA Running Club

URL : https://dena.com/running/

DeNAのランニングチームのWebサイトです。

スポーツブランドのサイトかな？と間違うくらい写真がパキっと決まっててカッコいい。

わかりやすいレスポンシブのレイアウトはお手本にしたいです。

Resn

URL : http://resn.co.nz/

オセアニア、ヨーロッパ、アメリカとグローバルに拠点を構えるクリエイティブスタジオのWebサイト。

見るからにハイスキルなサイトで、FWAやAWWWARDSといったギャラリー掲載で常連なのも頷けます。

なにから参考にしたらいいかわからないけど、参考にできるようになるくらいの実力を身につけたい。。

Ali Sharaf

URL : http://alisharaf.com/

バーレーンのフォトグラファーのWebサイト。

クールな作風に合ったミニマルで切れ味のあるデザインです。

Profileページでスクロールをすると波打つような画像エフェクトなど細部の使い心地にもこだわっています。

水曜日のカンパネラ

URL : http://www.wed-camp.com/

人気音楽アーティスト、水曜日のカンパネラのオフィシャルWebサイト。

トップページでドラッグアンドドロップできるパーツで遊んでいるうちに飲み込まれるこの世界観！

画面上にマウスを滑らすとウニョウニョうごめく波紋エフェクトがクセになります。もちろん音楽も最高！

Nurture Digital

URL : http://www.nurturedigital.com/

アメリカのクリエイティブエージェンシー。

動画とタイポグラフィをうまく調和させたデザインで、見やすい画面作りをしています。

マウスの動きに追従してくる丸に動画がマスクして透けてみえたりとインタラクティブな操作感も。

Karina Twiss

URL : https://www.karinatwiss.com/

ロンドンを拠点にしているフォトグラファーのポートフォリオサイトです。

トップページに現れ毛穴まで見えるような写真がインパクト大！

シンプルなのですが考えぬかれた操作感で、設計力の高さがうかがえるWebサイトです。

導線作りやUIの勉強をするのにめちゃくちゃ参考になります。そして掲載写真の美しいこと。。

おわりに

いかがでしたか？気になったWebサイトはありましたか？

またシンス株式会社内で話題になったWebサイトのまとめをお届けしたいと思います。それでは、また次回！

売上アップ、顧客獲得、採用応募アップなど経営課題の解決に応えるホームページ制作をいたします。