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 bnawall.com
BnA_WALL
アイフレーム風デザインが斬新でおしゃれです。
https://bnawall.com/
2021-07-26
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of batou.jp
BATOU
写真とタイポグラフィーの組み合わせ方が面白いです。
https://batou.jp/
2021-11-04
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of konpeidou.jp
金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
とにかくロゴが好みです。
http://konpeidou.jp/
2020-05-09
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
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 suppose.jp
SUPPOSE DESIGN OFFICE
建築物とサイトのデザインがマッチしています。
https://suppose.jp/
2020-12-04
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン?」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail

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