HOBRO DIGITAL

カナダ・カルガリー拠点の Hobro Digital という制作会社のスタジオサイト。design-first full-cycle digital agency を名乗り、戦略からデザイン・実装までを一貫して請ける体制を打ち出しています。2026年7月21日に Awwwards の Honorable Mention と Developer Award。 Awwwards の技術タグは Node.js / GSAP / Figma で、3D と Animation のタグも付いています。ただし WebFetch で取れるHTMLには Loading... しか入っておらず、meta description は __DESCRIPTION__ というプレースホルダのまま残っていました。本文もOGPも含めてクライアント側で後から差し込む作りで、Developer Award の対象になった実装は取得できるHTMLの外側にあります。 【参考になるポイント】 ・meta description が __DESCRIPTION__ のまま本番に出ている。テンプレート置換が走っていない箇所がそのまま残る典型例 ・og:image が /assets/images/share-banner.webp という相対パスで書かれている。SNSカードには絶対URLが必要なので、ここは実務上の注意点 ・初期HTMLが Loading... だけなので、クローラや取得系ツールからは中身がまったく見えない ・※3Dの中身（Three.js かどうか、モデルを読むのかシェーダのみか）は未確認。Awwwards のタグにも WebGL / Three.js は挙がっていない ・※コミュニティ投票のスコアは項目別で7.8〜9.6の範囲（2026年8月22日時点）