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

どうもです。仕事の山を恐らく超えた感あります。

今週も良きウェブまとめです。 このときは割とデザインがいいな！と思うサイトが多かった感じがします。 それでは以下からどうぞ

KOMINKAN - コーミンカン | みらい長崎ココウォーク5F ライフスタイルストア・ギャラリー

http://ko-minkan.jp/

デザインがシンプルで素敵。まるでリーフレットをウェブサイトに落とし込んだようなオシャレ感です。

#Slick #縦書き横文字 #シンプル #シングルページ

大阪城ホール

https://www.osaka-johall.com/

ファーストビューのインパクトが印象的。

#Gifアニメーション #カラフル #イラスト #グリッドレイアウト

Kizuki.Japan | 日本の技・心に気づき 知る・楽しむ・つなぐ

https://kizukijapan.jp/

ロゴアニメーションをじっくり魅せてる！ 上ではなく横にグローバルナビがあるのはたまに見かけますが、縦書き文字なのは珍しい。

#ロゴアニメーション #スタイリッシュ #グリッドレイアウト #ホバーズーム画像 #縦書き #固定背景スクロール #スプリッドレイアウト

株式会社まちづくり長野

http://www.machidukuri-nagano.jp/

参道を基準として配置しているのが良き。

#縦書き #イラスト #かわいい系

SUPER SUPER inc.

http://supersuper.jp/

オープニングアニメーションがインパクトあって良き。細かいトランジションにも注目すると面白い。

#テキストアニメーション #Gifアニメーション #縦向き横文字 #スクロールアニメーション #ホバーアニメーション #インライン再生動画

Bellevoye, le 1er Whisky Triple Malt 100% français

http://bellevoye.fr/en/

ボトルのの表示アニメーションがかっこいくて特徴的。

#ボックススライド #スタイリッシュ #グリッドレイアウト #スクロールアニメーション #ホバーアニメーション #インライン再生動画 #SVGアニメーション

INCUBIC INC. ｜The Innovation Company of Digital Branding

https://incubic.co.jp/

ボックススライドインが優雅に動く好例。

#かっこいい系 #スタイリッシュ #CSSアニメーション #インライン再生動画 #スクロールアニメーション #ホバーアニメーション #ボックススライドイン #シームレス遷移 #グリッドレイアウト #自動切り替わりスライダー

株式会社揚羽（AGEHA Inc.）

https://www.ageha.tv/

途中でスクロールがスライド切り替わり用に変わります。

#TweenMax #CSSアニメーション #スタイリッシュ #ボックススライドイン #スクロールアニメーション #ホバーアニメーション #インライン再生動画 #シームレス遷移 #イラスト

RINN Inc.

https://rinn.co.jp/ インテリアショップのブランドサイトみたいなこのオシャレ感のあるサイト、猫グッズのサイトなんです。 猫大事にされてる感が半端なく伝わってくるサイト。

#TweenMax #CSSアニメーション #スタイリッシュ #スクロールアニメーション #ホバーアニメーション #斜めスライドイン

20 years of Hip-hop culture with B-boy Lilou

http://bboylilou.redbull.com/en/

スクロールすると写真の残像が見られます。手の込んだ作りしてる。

#スタイリッシュ #スクロールアニメーション #シングルページ #背景画像ズーム #斜めスライドイン

webmanab.html／ウェブまなぶ

https://webmanab-html.com/

一見普通のブログに見えますが、モーションがとても良いんです。おすすめ。

#カラフル #スタイリッシュ #グリッドレイアウト #スクロールアニメーション #ホバーアニメーション #CSSアニメーション #シームレス遷移

Sobieski

http://sobieskivodka.com/en-en/

すごくリアルな3D空間。コンテンツとしてはよくわからないんですが、web上でここまで物理的感触も再現できるんだなーという驚きで取り上げました。

#TweenMax #赤 #スタイリッシュ #WebGL