
kettal.com
創業60年の家具ブランドの刷新サイト。3DコンフィギュレータをThree.jsではなくUnityのWebGLビルドで載せているのが珍しい。
- サイトURL
- https://www.kettal.com/
- クレジット
- Kettal
- 使用技術
- UnityWebGLDatoCMSNetlify3Dコンフィギュレータ
スペインの家具ブランド Kettal の公式サイトです。屋外家具を軸に、コンテンポラリーな家具・照明・アクセサリーを扱うブランドで、サイトは創業60周年を機に刷新されたもの。Tilos、Pavilion V、Insula、Passage といったコレクション、ファブリック・ロープ・セラミック・木材といった仕上げ材、そして読み物としてのストーリーが並びます。商品を探す動線そのものを体験に作り変える、という意図が投稿文に書かれています。
注目すべきは技術タグで、Awwwardsは Unity / Netlify / DatoCMS を挙げています。ソファの3DコンフィギュレータをThree.jsやReact Three Fiberではなく、UnityのWebGLビルドで実装しているということです。家具のようにモジュール構成と仕上げ材の組み合わせが膨大な商材では、ゲームエンジン側のマテリアル管理とプレハブの仕組みをそのまま持ち込めるメリットがあります。CMSはDatoCMSで、画像は datocms-assets.com から配信されています。
【参考になるポイント】
・3DコンフィギュレータのランタイムにUnityを選んでいる。ロード時間とバンドルサイズを代償に、既存の3D制作パイプラインを流用できるという判断
・配信構成は Netlify によるホスティング、DatoCMS によるコンテンツ管理、datocms-assets.com による画像配信の三層に分離されている
・モジュラーデザインという商品側の思想と、コンフィギュレータというUIが素直に対応している
・2026年7月1日 Honorable Mention(15/20票)
・※トップページのHTMLからはUnityローダーやcanvasの記述は確認できなかった。コンフィギュレータは下位ページに置かれていると思われるが、その場所と実際の挙動は未確認
