
Klimt Wine Product Website
3本のワインボトルを回して見せる二言語の製品サイト。クリムトの装飾と金の質感を3Dの光沢で成立させている。
- サイトURL
- https://klimtwine.com/en
- クレジット
- Dops Agency
- 使用技術
- Three.jsReactNext.js360度ビュー製品3D
オーストリア・ブルゲンラント産のワインブランド Klimt Wine の、カナダ(ケベック)市場向け製品サイトです。英仏の二言語構成で、Grüner Veltliner(白・2023)、White Blend(白・2022)、Red Blend(赤・2021)の3本について、テイスティングノートとペアリングを個別に見せます。購入は SAQ(ケベック州の酒類公社)へ送客する形。
ブランド名の通りグスタフ・クリムトのアール・ヌーヴォー装飾と金の箔押しがビジュアルの軸で、Awwwards の技術タグは React / Next.js / Three.js、カテゴリタグに 360 が入っています。ボトルを回して見る製品ビューを中心に、プリローダー・ギャラリー・ロケーションマップ・404まで一式が作り込まれた構成です。
【参考になるポイント】
・Next.js のページに Three.js を載せる、製品コンフィギュレータ寄りの作り。ワインのように形状差の小さい商材でも、ラベルの金の反射を見せるために3Dを使う判断がされている
・二言語(/en と /fr)のルーティングを持ちつつ、3Dアセットは共通で使い回せる構造
・※実サイトの HTML から og:image / twitter:image を取得できなかったため、サムネイルには Awwwards の投稿スクリーンショットを使用
・※360表現がリアルタイムWebGLか連番画像かは未確認。Awwwards のタグに Three.js があることのみが根拠。受賞ではなく Nominee(2026年7月31日)
