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 jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある+アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of ryutanishitani.jp
西谷デザイン
ついスクロールがとまります。
https://ryutanishitani.jp/
2020-07-29
detail
Screenshot of explorelatitude.com
Latitude – Latitude is a publication that’s as multi-faceted as you are
ワイヤーのようなボタンやレイアウトが印象的です。
https://explorelatitude.com/
2020-07-27
detail
Screenshot of www.providerstore.com.au
Provider Store
日本らしさと海外のような雰囲気とが混ざっており素敵です。
https://www.providerstore.com.au/
2021-02-16
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of www.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of lessnoros.com
Les Snorôs
表の見せ方がパッケージのような印象が出ていて好みです
https://lessnoros.com/
2020-10-28
detail
Screenshot of tr.you84815.space
にほんご。
ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
https://tr.you84815.space/
2020-07-31
detail

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