Giats
Greece · Portfolio · Creative front-end development
Giats 是希腊前端开发者 Evangelos Giatsidis 的获奖个人作品集，采用 Next.js、React Three Fiber 与 GSAP 构建。站点将实时 3D、流体交互和极简内容层叠加，重点展示创意开发能力而非传统信息型网页。
点评
这是典型的“技术本身就是作品”的 Portfolio。最有价值的是三层视觉结构：3D 世界作为底层、实际内容保持克制、流体交互再覆盖其上，配合刻意留出的窗口形成很强的空间感。它非常适合研究 WebGL、R3F 和 GSAP 如何融入真实站点，而不是做孤立 Demo。商业层面则明显偏作品展示：性能成本和交互学习成本都高，不适合内容密集或转化优先的网站直接照搬。
站点结构
- 建站平台
- Custom/Headless
- 框架
- Next.js / React / React Three Fiber
- 首屏
- Immersive WebGL / 3D hero
- 导航
- Minimal overlay navigation
- 字体
- Oversized minimal sans-serif typography
- 主色
- Black、White、Fluid multicolor accents
- 架构
- SSR/SSG-capable custom Next.js / WebGL experience
- 图片
- 3D rendered environments mixed with portfolio imagery
- 版式
- 内容层保持极简，将项目、个人介绍与联系信息叠加在持续运行的 3D 与流体视觉系统上，通过窗口式留白让背景视觉穿透内容层。
- 动效
- React Three Fiber 与 GSAP 构成核心体验，包含实时 3D、流体覆盖层、滚动驱动动画和页面过渡。