
Hiroto Sato
日本のクリエイティブデベロッパーの個人サイト。ステッカーを触るインタラクションとページ遷移で Site of the Day を獲った。
- サイトURL
- https://www.hirotos.com/
- クレジット
- Hiroto Sato
- 使用技術
- WebGL3DGSAPBlenderページ遷移
日本を拠点にするクリエイティブデベロッパー Hiroto Sato の個人ポートフォリオ。Awwwards の紹介文は、デザイン・3Dビジュアル・モーションを通してインタラクティブなサイトを作る、というもので、meta description は "Portfolio site of Hiroto Sato." の一文のみという、説明を極力削った作りです。2026年7月17日に Site of the Day と Developer Award を同時受賞しています。
Awwwards が見どころとして挙げているのは、ステッカーのインタラクションアニメーション、ページ遷移、ギャラリーの3点。技術タグは WebGL / GSAP / Blender / 3D で、Blender でアセットを作り WebGL で描画し、GSAP でモーションを付けるという構成です。ステッカーを弾いたり動かしたりする類の操作が主役に挙がっているため、モデルビューアではなく手触りを作りにいくタイプのポートフォリオだと読めます。
【参考になるポイント】
・Developer Award と Site of the Day の同時受賞。一方でコミュニティスコアは7.24と高くなく、審査員側の評価で持ち上がった形
・HTMLには og:image も twitter:image も無く、meta は description と viewport だけ。SNSカードを最初から捨てている(そのため当サイトのサムネイルは Awwwards の投稿画像を使用)
・配色は #FFFFFF と #0B0B0A の2色。3Dとモーションに寄せて、平面側の情報量を落としている
・※ステッカーの実装(物理演算の有無、モデル形式、シェーダ)は未確認。HTMLがほぼ空でクライアント側描画のため、本文をテキストとして取得できなかった
