Avançado

O site-apresentação do seu projeto

Um site que conta a história do seu projeto enquanto a pessoa rola a página, com animação.

2 a 3 semanasHTMLCSSGSAPou Next.js

Pra contar como entregue

Um site de uma página sobre um projeto seu, com um conceito visual próprio e animações que acontecem conforme a rolagem, publicado e ligado ao projeto no Nevext (Site de apresentação).

Passo a passo

01Escolha um projeto seu já publicado no Nevext e um conceito pra ele (uma sala de controle, um mapa, uma revista, um diário de bordo...).
02Divida a história em 5 a 7 partes: o problema, a ideia, ele funcionando, como foi feito, o que aprendeu.
03Monte a página com uma seção por parte e o visual do seu conceito.
04Anime com a rolagem: CSS scroll-driven animations (animation-timeline: view()) ou GSAP com ScrollTrigger.
05Respeite quem pediu menos movimento (prefers-reduced-motion) e teste num computador comum e no celular.
06Publique (Vercel ou GitHub Pages) e coloque o link em Site de apresentação, no seu projeto do Nevext.

O que você aprende

Direção de arte e narrativa
Animação ligada à rolagem
Performance de animação na web

Pra ir além

Ilustrações próprias ou em SVG animado
Uma cena em 3D com Three.js
Som que acompanha a história

Quem já entregou

Ninguém ainda. A primeira entrega pode ser a sua.