
Daniel Dungyov - Portfolio
プロダクトデザイナーの10年分の職歴を、宇宙空間を進んでいく3Dシーンの上に時系列で並べた個人サイト。
- サイトURL
- https://www.dungyov.com/
- クレジット
- Daniel Dungyov
- 使用技術
- Three.jsReactViteスクロール連動パララックス
プロダクトデザイナー、起業家、教育者を名乗る Daniel(Dunga)Dungyov の個人サイト。スタートアップがPMFを見つけ、スケールアップが成長するのを助けてきた10年、というコピーのとおり、これまで在籍・協業した企業と作ってきたものを時系列で見せるレジュメ型のポートフォリオです。theme-color は #121010 で、黒基調の配色になっています。
Awwwards のエントリーに挙がっている技術は Three.js / React / Vite。宇宙空間の中を移動していく3Dシーンにスクロールを紐付け、その上に職歴のテキストを重ねていく構成だと説明されています。React + Vite の組み合わせなので Next.js のようなSSRは挟まず、クライアント側で描画するタイプです。
【参考になるポイント】
・レジュメを3D空間の移動に置き換える構成。時系列という一次元の情報を、カメラの前進という一次元の操作に対応させている
・Next.js ではなく Vite を選んでいる。SEOよりも初期バンドルと描画の制御を優先したい個人サイトでは筋の通った選択
・og:image は 1200x630 の https://dungyov.com/og.png が正しく設定されている
・※シーンの中身(モデル形式、パーティクル数、シェーダの有無)は未確認。トップページのHTMLはほぼ空でJS側から組み立てられており、本文を取得できなかった
・※Awwwards では2026年7月24日エントリー、Nominee(コミュニティ投票中)
