
Cobloc
パリとベナンを拠点にする建築事務所のサイト。素材と土地の話を、Three.jsとBlender資産による終端のないスクロール空間で見せる。
- クレジット
- Adveris(Thomas Bagnolati / Antoine Piney)
- 使用技術
- Three.jsBlenderWordPress無限スクロールサウンド連動
フランス・パリと西アフリカのベナンを拠点に2018年から活動する建築事務所 COBLOC のコーポレートサイトです。制作はフランスのデジタルエージェンシー Adveris で、Thomas Bagnolati と Antoine Piney がクレジットされています。文脈・素材・歴史から立ち上がる根を持った現代建築、という事務所の主張を、そのまま体験の形式に翻訳した作りになっています。
Awwwardsが付けているタグは Three.js と Blender、そして Infinite Scroll / Unusual Navigation / Sound-Audio です。Blenderで作った資産をThree.js側で見せる、DCCツール連携の典型的な構成といえます。プロジェクト一覧を通常のグリッドではなく終端のないスクロール空間として提示し、音を伴わせて素材の質感側に注意を向けさせています。CMSはWordPressで、og画像も wp-content 配下から配信されています。
【参考になるポイント】
・WordPress を土台にしたまま、フロント側にThree.jsの体験レイヤーを載せている。ヘッドレス化せずに実現している点が実務的
・Blender から Three.js への資産の流れがAwwwardsのタグから読める。建築事務所なので既存の図面やBIM資産をBlender経由で軽量化していると考えるのが自然
・仏語と英語の2言語構成で、/en/homepage/ のようにパス先頭で言語を切っている
・2026年7月3日 Honorable Mention(15票・平均8.07)
・※3Dが具体的にどこで使われているか(ヒーローのみか全ページか)、モデル形式や圧縮方式はWebFetchでは確認できていない
