
Medhat Alkadri 3D Portfolio
太陽系をそのままナビゲーションにした個人ポートフォリオ。案件もスキルも軌道上のノードと星座として配置されている。
- クレジット
- Medhat Alkadri
- 使用技術
- Three.jsGSAPヘッドレスWordPressWebGL3Dナビゲーション
エジプト拠点のフルスタック開発者 Medhat Alkadri の個人ポートフォリオ。コンテンツ管理を WordPress のヘッドレス運用に任せ、フロント側に Three.js と GSAP で組んだ WebGL キャンバスを重ねる、という構成をサイト自身が明示しています。「エンタープライズのWordPress実装ができる人間が、フロントで3Dも書ける」という見せ方そのものが自己紹介になっています。
3Dは飾りではなくナビゲーション本体です。トップは太陽系ビューで、各プロジェクトが軌道上のノードとして配置され、職歴は地球儀、技術スキルは星座として可視化されます。セクション間の移動はページ遷移ではなくカメラの移動として処理されます。
【参考になるポイント】
・Awwwards の技術タグは Three.js / GSAP / WordPress。3Dフロントとコンテンツ管理を分離した「ヘッドレスWordPress + WebGL」構成を隠さず売りにしている
・画面が Solar System(トップ)→ Experience(職歴の地球儀)→ Portfolio カテゴリというシーン切り替えになっていて、URLではなくカメラでセクションを渡り歩く
・meta description にも「interactive 3D portfolio — Three.js, headless CMS」と書かれており、技術構成がそのままSEO文言になっている
・※og:image も twitter:image も出力されていないため、サムネイルは Awwwards の投稿画像を使用
・※2026年8月22日時点で Nominee(7月13日エントリー、22票中15票、最高9.80)。JSバンドルを取得できていないため、シェーダや .glb の有無は未確認
