ホームページ制作・SEO対策 福岡のアイドットデザイン。Webマーケティングのご相談も承ります。

お問い合わせ・ご相談はコチラ

blog

ブログ

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

| カテゴリー : Webデザイン

via: http://alisharaf.com/

こんにちは。アイドットデザインの越水です。

今年の夏は猛暑らしく、早くも夏本番といった天気が続いていますね。
暑さに負けずに頑張ってアイドットデザインブログも更新を続けていきたいと思います!

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

それではどうぞ!

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

wrk

wrk

URL : http://waaark.com/

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

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

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

Booounce

booounce

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

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

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

Qetic

qetic

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

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

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

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

Moods

moods

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

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

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

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

Swiss Army Man

swiss-army-man

URL : http://swissarmyman.com/

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

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

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

DeNA Running Club

dena-running

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

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

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

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

Resn

resn

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

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

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

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

 

Ali Sharaf

ali-sharaf

URL : http://alisharaf.com/

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

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

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

水曜日のカンパネラ

wed-camp

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

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

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

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

Nurture Digital

nurture-digital

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

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

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

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

Karina Twiss

karina-twiss

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

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

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

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

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

おわりに

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

またアイドットデザイン内で話題になったWebサイトのまとめをお届けしたいと思います。それでは、また次回!

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

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

お気軽にお問い合わせください!

お見積りやご相談は、メール/お電話にてお気軽にご連絡ください。専属の担当者が丁寧にご対応いたします。