Vou criar um site com animação de scroll usando three js gsap e next js


Sobre este Serviço
Tradução automática
Scrollar pode fazer mais do que mover texto na tela. Pode fazer uma câmera voar pelo globo, desmontar um produto ou guiar alguém passo a passo de como uma coisa funciona.
Eu construo sites 3D controlados por scroll com three.js, GSAP e Next.js. A página é uma cena contínua: enquanto o visitante rola, a câmera se move, as partes se separam, as rotas se desenham e cada capítulo chega com suas próprias palavras.
O QUE VOCÊ RECEBE
- Uma cena 3D contínua, não uma pilha de seções
- Cada capítulo enquadrado e com tempo para que as palavras possam ser lidas
- Suave em celulares, não só em laptops rápidos
- Código Next.js limpo, seu, implantado e ao vivo
- Um arquivo de configurações, para você alterar o texto sozinho
BOA PARA
Viagens e turismo, clínicas e dispositivos médicos, engenharia, arquitetura, lançamentos de produtos, qualquer coisa que precise explicar ao invés de apenas listar.
O QUE EU PRECISO
Seu texto, suas fotos ou modelo, e a ordem em que quer que as coisas sejam reveladas.
A galeria mostra versões de demonstração: uma jornada de viagem pelo globo e um implante dental que se divide em suas partes.
Me diga o que precisa explicar e eu sugerirei como pode se desenrolar.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Arthur Morgan
- A partir deÍndia
- Membro desdejun. de 2024
- Responde em aprox.:1 hora
Idiomas
Inglês
Tradução automática
Perguntas frequentes
Tradução automática
O que é um site controlado por scroll?
A página é uma cena 3D, e o scroll move a câmera por ela ao invés de pular entre blocos. Pense nas páginas de produto da Apple: o objeto fica parado, e a vista e as palavras mudam ao redor dele.
Preciso de um modelo 3D?
Nem sempre. Pode ser um globo, um mapa ou uma cena abstrata que eu crio no código. Para seu produto específico, preciso de um modelo ou arquivo CAD, ou boas fotos para que eu possa buscar e otimizar uma.
Funciona em celulares?
Sim. Eu crio um layout retrato com sua própria moldura, porque uma cena feita para uma tela larga dificilmente funciona em uma estreita. Celulares mais antigos recebem uma versão mais leve para evitar travamentos.
Isso prejudica o SEO?
Não. O texto é HTML real, renderizado no servidor com Next.js, então os mecanismos de busca leem as palavras normalmente. Só a cena 3D carrega depois.
Os exemplos são trabalhos reais de clientes?
Não. São versões de demonstração mostrando o que é possível, então as marcas são fictícias. O código, o trabalho em 3D e o desempenho são os mesmos que você obteria

