KM®CASE / 03Abrir projeto
Site premium / Human Performance2026

TENSO

Força não é caos. É tensão sob controle.

PapelDireção visual e desenvolvimento
StackNext.js · Three.js · GSAP · WebGL · TypeScript
TENSO Human Performance — resistência aplicada com precisãoTENSO / TENSION STUDY
01 — 04
Contexto

Uma demonstração premium para academia e performance humana, concebida como experiência cinematográfica em vez de landing page convencional.

Problema

Traduzir força, precisão e luxo industrial em interface sem cair nos clichês visuais de academia ou comprometer o scroll em dispositivos móveis.

Solução

Sete capítulos conectam tensão, carga, modalidades, método, espaço, prova e equilíbrio. Um objeto 3D inspirado em halter responde ao scroll enquanto tipografia e dados constroem a narrativa.

Aprendizados

3D só funciona quando acompanha a leitura. O refinamento exigiu DPR adaptativo, enquadramento próprio no mobile e desacoplamento entre gesto e animação para manter fluidez.

Camadas do projeto

  1. Narrativa contínua em sete capítulos
  2. Objeto 3D ligado ao conceito de tensão
  3. Motion sincronizado ao scroll
  4. Direção brutalista e editorial
  5. Renderização adaptativa no mobile

Veja a experiência em funcionamento.

Abrir TENSO