Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13

不動産・建築 のデザイン参考サイト
「 建築に、温度を。|梓設計 」

建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13

どちらもすごく新しい技術というわけではないですが、使用方法一つでこんなにも大胆で面白い表現になるのかと勉強になります。
実績紹介の全体マウスオーバーは動画素材がなくても導入可能な表現なので、使いやすいかと思います。

back
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail
Screenshot of branche-chocolat.jp
BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
#至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
https://branche-chocolat.jp/
2020-09-11
detail
Screenshot of hitotomori.net
ひとともり
ラインを使用した細かいデザインがシンプルで、とても素敵です。
https://hitotomori.net/
2020-06-26
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of hyakunen.com
Consulente HYAKUNEN
レイアウトが面白いです。
http://hyakunen.com/
2020-12-21
detail
Screenshot of haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail
Screenshot of www.point.app
Point — The do it all debit card.
カードがかっこいいです。
https://www.point.app/
2020-08-05
detail
Screenshot of soles-gaufrette.com
SOLES GAUFRETTE | バターゴーフレット専門店
色や写真の使い方が海外サイトのようです。
https://soles-gaufrette.com/
2020-08-04
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。