Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou criar uma landing page moderna e animada 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 entra em um deles. 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 crio: movimento ligado à posição do scroll, não a um relógio. Seções fixas, linhas do tempo ajustadas, galerias horizontais movidas pelo scroll vertical, revelações de texto mascaradas e WebGL quando a ideia merece.
STACK
GSAP + ScrollTrigger, Lenis, Three.js, JS puro ou Next.js. Sem construtores de página. Sem templates.
VEJA ANTES
Rodando aqui: ataberkyildiz.netlify.app
Role. Essa é a verdadeira obra, não um mockup.
POR QUE A MAIORIA DOS SITES ANIMADOS NÃO FUNCIONAM
Cada elemento tem sua própria revelação, cinco efeitos empilhados em uma tela, e parece ruído. Movimento sem hierarquia é apenas movimento.
Eu 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 projeto vem com um orçamento de desempenho e suporte a redução de movimento. O movimento deve parecer caro, não rodar caro.
ANTES DE PEDIR
Me envie um site de referência que você goste. Eu te direi como eu o construiria e o que ele realmente precisa. 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
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.
