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 saison2020-21.opera-lyon.com
Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of www.otsuka.co.jp
CalorieMate to Programmer | 大塚製薬
デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04
detail
Screenshot of ellissitzky.tilda.ws
Эль Лисицкий
大胆なレイアウトが素敵です。
http://ellissitzky.tilda.ws/
2022-02-22
detail
Screenshot of the-campus.net
THE CAMPUS
PC版で左右についたメニューが特徴的です。
https://the-campus.net/
2021-04-19
detail
Screenshot of ndcosd.jp
NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
noteと合わせて見ると学ぶべき箇所が多いです。
https://ndcosd.jp/
2020-07-29
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai | 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of www.flat-head.com
THE FLAT HEAD
最近海外サイトで見かけるボタンの日本アレンジの参考になります。
https://www.flat-head.com/
2021-09-16
detail

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