Iventions
Spain · Events · Global event production
Iventions 把“Step Into the Spotlight”从品牌口号变成了整个网站的交互规则:光线、页面切换、滚动节奏和大字号排版都围绕舞台感展开。公开技术资料确认其前端使用 Next.js/React,内容由 Headless WordPress 驱动,并结合 GSAP、React Three Fiber 与 Three.js。
点评
这是非常典型的“概念先于特效”的沉浸式官网。3D、灯光和滚动动画并不是为了展示开发能力,而是直接服务于 Iventions 的活动制作定位,因此视觉记忆点与业务身份高度统一。最值得借鉴的是页面切换像舞台换景一样连续,几乎没有传统网页的割裂感。代价是实现和维护成本明显高于普通企业站,不适合内容频繁变化或预算有限的团队,但对高端活动、创意机构和体验型品牌参考价值极高。
站点结构
- 建站平台
- Custom/Headless
- CMS
- Headless WordPress
- 框架
- Next.js / React
- 架构
- SSR/Headless CMS
- 导航
- Minimal stage-like navigation
- 字体
- Large assertive editorial sans-serif
- 主色
- Purple、Cream、Black、Bright accents
- 首屏
- Full-viewport typographic spotlight experience
- 图片
- Cinematic event imagery integrated with light-driven graphic treatments
- 版式
- The site treats sections as scenes, using oversized type, modular layouts and changing visual environments to turn the brand's spotlight concept into a continuous narrative.
- 动效
- GSAP, ScrollTrigger, React Three Fiber and Three.js drive spotlight transitions, scroll choreography and cinematic scene changes.
