【Webデザイン】今週の「良きウェブ」(7月7日〜7月13日)

どうもです。早く秋になって欲しいです。

今週も良きウェブまとめです。 今週の一押しは演出的にはモンスト特設サイトですが、コンテンツとして見て欲しいのはALLd.のサイトです。モーショングラフィックがめちゃくちゃかっこいい。。。 では以下からどうぞ。

Van Holtz Co

https://vanholtz.co/

文字リンクはちゃんとpタグでフォント指定してます。パース効かせるだけでも雰囲気が出るんだなあとなるほどとなるサイト

#CSSanimation #青 #スタイリッシュ #スクロールアニメーション #ホバーアニメーション #テキストアニメーション #斜め文字

【公式】獣神化ルシファー特設サイト｜モンスターストライク(モンスト)

https://www.monster-strike.com/promotion/extra2018/

最近のソシャゲはキャラ一体のためにこんな豪華なサイトを作るんだ。。。としみじみとなったサイト。 エフェクトの使い方や技術をうまく組み合わせてるサイト。

#CSSanimation #Three.js #スクロールアニメーション #Pixi.js #テキストアニメーション

Locman Tremila

https://www.locman.it/landing/tremila/

マウス操作で動く腕時計や本当にネジを巻いているみたいな演出だったり、１ページに様々な演出が詰め込まれているサイト。

#CSSanimation #TweenMax #スタイリッシュ #スクロールアニメーション #ホバーアニメーション #シングルページ

ALLd.

http://alld.jp/

作品の質がめちゃくちゃ高いのを邪魔せず引き立てているサイト。 サイトもいいけどモーション作品もぜひ見て欲しいです。

#Three.js #スタイリッシュ #ホバーアニメーション

SALONIA サロニア

https://salonia.jp/

最初なんのサイトかわかりませんでしたが、製品の良さを引き立たせるデザイン。 ヘアサロン関係のサイトで最近よくスタイリッシュなのを見かけます。

#Pixi.js #TweenMax #スタイリッシュ #スクロールアニメーション #斜めスライドイン #背景固定スクロール #シームレス遷移 #ホバーアニメーション

Dinner for Five.

http://dff.mitsugutakahashi.com/

筆記体を使ったアニメーションだと手書きするようなテキストアニメーションが思い浮かびますが、そうしなくてもふわっと表示させるだけでも結構雰囲気あります。

#TweenMax #スタイリッシュ #スクロールアニメーション #シームレス遷移 #背景固定スクロール #縦書き横文字

80周年記念サイト | 振興電気株式会社

http://www.shinko-el.com/80th/

背景のアニメーションがいい感じですね。歴史年表の動きがスムーズで良き。

#CSSanimation #TweenMax #スタイリッシュ #スクロールアニメーション #Pixi.js #背景アニメーション

採用サイト | 益正グループ - 今までの飲食業界を壊せ、覆せ。

http://www.masumasa.jp/recruit/

サンセリフの書体の文字ドン！は相性がいいですね。メニューの見せ方も独特です。斜めのデザインがかっこいい。

#Lightbox #Slick #斜めスライドイン #スタイリッシュ #スクロールアニメーション #ホバーアニメーション #シングルページ #インライン再生動画