Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou construir um site animado controlado por scroll com gsap e webgl
Ataberk
Sobre este Serviço
Tradução automática
A maioria dos sites rolam. Poucos se movem.
Você percebe a diferença no momento em que acessa um. Uma seção fica fixa enquanto a história continua. Um produto gira enquanto você rola e volta a girar ao rolar para cima. Tipo aparece ao invés de surgir.
Isso é o que eu construo. Movimento ligado à posição do scroll, não a um relógio, seções fixas, timelines com scrub, galerias horizontais movidas por scroll vertical, revelações de texto mascarado, WebGL quando a ideia merece.
Pilha: GSAP + ScrollTrigger, Lenis, Three.js, JS puro ou Next.js. Sem construtores de páginas, sem templates.
VEJA PRIMEIRO
Rodando aqui: ataberkyildiz.netlify.app
Role a página. Esse é o trabalho real, não um mockup.
POR QUE A MAIORIA DOS SITES ANIMADOS FALHAM
Cada elemento tem sua própria revelação, cinco efeitos empilhados em uma tela, e fica como ruído. Movimento sem hierarquia é só movimento.
Por isso, trabalho com um limite: duas ou três ações assinatura por site, escolhidas para a história. Todo o resto fica parado de propósito.
Cada construção vem com um orçamento de desempenho e suporte completo a reduced-motion. Movimento deve parecer caro, não rodar caro.
ANTES DE PEDIR
Me envie um site de referência que você goste. Eu te conto como ele foi feito e quanto realmente custa. Isso é grátis.
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 Ataberk
Ataberk
I build websites that move when you scroll
- A partir deTurquia
- Membro desdejul. de 2026
- Responde em aprox.:1 hora
Idiomas
Inglês
I build websites that make people stop scrolling - and then keep scrolling.
Pinned sections that hold while the story moves. Animation bound to scroll position, not to a clock. Smooth inertial scrolling, split-text reveals, horizontal galleries, WebGL scenes that react to the cursor.
Stack: GSAP + ScrollTrigger, Lenis, Three.js / React Three Fiber, Next.js.
Every build ships with a performance budget and reduced-motion support. Motion should feel expensive, not run expensive.
Send me a reference site you like and I'll tell you how it's built.
Tradução automática
Meu portfólio
Outros serviços de Desenvolvimento de Sites que eu ofereço
Perguntas frequentes
Tradução automática
Vai funcionar no celular?
Sim, e não por diminuir a versão desktop. Sequências de scroll pesadas são substituídas por equivalentes mais leves em telas pequenas — uma cena WebGL fixada vira uma composição estática com uma revelação simples. Movimento que parece premium no laptop fica quebrado no celular, então eles são projetados separadamente.
Todo esse movimento vai deixar meu site lento?
Só se for mal feito. Eu animio transform e opacidade exclusivamente, que ficam fora do thread principal e não acionam layout. Os assets são dimensionados e carregados de forma preguiçosa. Faço uma análise de desempenho no Standard e no Premium e te mostro os números.
Preciso fornecer conteúdo e imagens?
Para o melhor resultado, sim — cópia real e fotos reais sempre vencem placeholders. Se ainda não tiver, posso montar com placeholders estruturados e trocar depois, mas um site só é tão bom quanto o que tem dentro.
O que você precisa de mim para começar?
1. Um ou dois sites de referência que você goste 2. Seu conteúdo — textos e imagens, ou uma nota de que estão vindo 3. Quais seções você precisa 4. Onde será hospedado É isso. Eu volto com o plano de movimento antes de escrever qualquer código.
E se um visitante tiver sensibilidade ao movimento?
Todo projeto respeita preferências por redução de movimento. Quando ativado, fixar e scrub desligam e o conteúdo fica parado, completo e totalmente legível. Não é uma ideia de última hora — faz parte do projeto.
Você usa IA no seu processo?
Sim, como ferramenta — para estruturação e iteração. A direção de arte, as decisões de movimento e o acabamento final são meus, e cada construção é feita especificamente para sua marca. Posso te mostrar exatamente onde é usado.
