【Webデザイン】今週の「良きウェブ」(7月14日〜7月27日)
どうもです。急に涼しくなってびっくりしております。
今週も良きウェブまとめです。 この週の一押しはVIRTUAL FLAGSHIP STOREですね。驚きの擬似体験です。。。 それでは以下からどうぞ。
- Yard Agency
- Second City Works
- 株式会社エルテスセキュリティインテリジェンス
- Арена Мечты
- Rina Food photographer
- 東京のブランディングカンパニー｜株式会社クオーターバック（quarter back Inc.）
- ぐでたま5周年スペシャルサイト
- 株式会社SCREENホールディングス 新卒採用サイト
- JVEB Studio, la fabrique à stopmotion
- Dot Lung - Mother of social media dragons
- 夏列車 いっしょに見る夏 帰る夏 2018 Summer Campaign JR西日本
- VIRTUAL FLAGSHIP STORE
- 乃木坂46 CMスペシャルサイト｜BTOパソコンのマウスコンピューター【公式】
- 「東京プリズン」 〜この廃都の頂点を掴め〜 大規模喧嘩タクティクス
Yard Agency
水面の雰囲気のエフェクトがいい感じです。かっこいい。
#Pixi.js #スタイリッシュ #水面モーション #インライン再生動画 #縦書き横文字
Second City Works
https://www.secondcityworks.com/
幾何学模様のモーションが滑らかで心地よき。svgアニメーションと相性がいいですね。
#スクロールアニメーション #スタイリッシュ #ホバーアニメーション #SVGアニメーション
株式会社エルテスセキュリティインテリジェンス
ボックススライドの要領で文字のスライドインもできそうですね。
#スクロールアニメーション #スタイリッシュ #ホバーアニメーション #ボックススライドイン #上下開きスライド #テキストアニメーション
Арена Мечты
２Dながらも立体感あるスタジアム。webgl使ってるかな。
#TweenMax #スタイリッシュ #3D
Rina Food photographer
ローディングアニメーションとテキストアニメーションがかわいい。。。！というか全体的にかわいい。
#テキストアニメーション #かわいい系 #ローデイングアニメーション #ボックススライドイン #左右開きスライド
東京のブランディングカンパニー｜株式会社クオーターバック（quarter back Inc.）
ファーストビジュアルの華やかさとグリーンが相性がいいサイト。
#テキストアニメーション #スタイリッシュ系 #TweenMax #ボックススライドイン #ホバーアニメーション
ぐでたま5周年スペシャルサイト
https://www.sanrio.co.jp/special/gudetama/5th/
下から上へ行くスクロールが斬新。。。！宇宙に行くというコンセプトとあってますね。
#slick #animate.css #スクロールアニメーション #かわいい系
株式会社SCREENホールディングス 新卒採用サイト
https://www.screen.co.jp/recruit/fresh/
スライダーがページの入り口の代わりになっている珍しいタイプのサイト。
#スタイリッシュ系 #SVGアニメーション #css animation
JVEB Studio, la fabrique à stopmotion
全体的にテキストアニメーションや雰囲気が可愛らしい。PCでみると動画の再生はホバーで制御できます。
#スタイリッシュ系 #SVGアニメーション #css animation
Dot Lung - Mother of social media dragons
バイカラーと円形アニメーションが目を引くサイト
#スタイリッシュ系 #TweenMax #SVGアニメーション #円形アニメーション
夏列車 いっしょに見る夏 帰る夏 2018 Summer Campaign JR西日本
イラストの涼やかさを存分に生かしたサイト。水彩とグラデーションの相性がいいですね。
#かわいい系 #イラスト #css animation #ホバーアニメーション
VIRTUAL FLAGSHIP STORE
https://www.liberty-japan.co.jp/specialcontent/
まるでウェブ上で擬似来店しているかのような体験。圧巻です。
#ゴージャス系 #Three.js #TweenMax #ホバーアニメーション "シームレス遷移
乃木坂46 CMスペシャルサイト｜BTOパソコンのマウスコンピューター【公式】
https://www.mouse-jp.co.jp/campaign/nogizaka46/
アニメーションがあざとかわいい。キービジュアルのcanvasアニメーションは見ものです。
#かわいい系 #TweenMax #Canvasアニメーション #ホバーアニメーション "スクロールアニメーション ＃シングルページ
「東京プリズン」 〜この廃都の頂点を掴め〜 大規模喧嘩タクティクス
https://tokyo-prison.kayac.com/
これ自社のゲームのサイトなんで宣伝なんじゃないかと言われかねないんですが、そのことを抜きにしてでもめちゃかっこいいサイト。 個人的にメニューの遷移モーションが好きです
#かっこいい系 #TweenMax #Three.js #テキストアニメーション "スクロールアニメーション ＃シングルページ #ジャイロ
