
The Watch
高級腕時計 FS 60P の1ページサイト。時計のリアルタイムWebGL描画が周囲のコンテンツの進行に反応する。
- クレジット
- 60fps
- 使用技術
- WebGLThree.jsリアルタイム3Dスクロール連動プロダクト3D
フランスのクリエイティブプロダクションスタジオ 60fps(2013年設立、開発者・3Dモデラー・PM 約25名)の自主制作。架空の自動巻き腕時計 FS 60P のプロダクトページです。スタジオ側の説明は「A real-time WebGL piece that interacts with the content around it」で、時計そのものを見せることに特化した縦1本の構成になっています。
3Dは連番画像や動画ではなくリアルタイムWebGL。スクロールに従ってカメラとモデルの姿勢が変わり、ケース、文字盤、ムーブメントへと寄っていきます。Awwwards の Featured Elements も Product Interactions が3つ並ぶだけで、このサイトの評価軸が完全に製品インタラクションに寄っていることが分かります。
【参考になるポイント】
・Awwwards は SOTD 7.59/10 と Developer Award 7.07/10 の二冠。Dev内訳は Animations/Transitions 8.00 が最高、Accessibility 6.20 と Responsive Design 6.80 が最低で、リッチな3Dサイトの典型的な得点分布になっている
・CSS Winner でも2026年7月6日に Site of the Day、総合7.9/10。Awwwards より先に受賞している
・配色は黒 #000000 とグレー #808080 のみ。素材の反射と陰影だけで情報量を作っている
・og:image が share-image.webp。OG画像に WebP を使うのは対応クライアントを絞る割り切りになる
・※シーンの具体的な実装(Three.js のリビジョン、KTX2 や Draco の有無)はHTMLからは取得できず未確認。Three.js は Awwwards の申告タグが根拠
