Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Construiré un sitio web animado impulsado por scroll con gsap y webgl
Ataberk
Acerca de este Servicio
Traducción automática
LA MAYORÍA DE LOS SITIOS WEB SCROLLAN. POCOS SE MUEVEN.
Sabes la diferencia en el momento en que aterrizas en uno. Una sección se mantiene mientras la historia continúa. Un producto gira mientras haces scroll y vuelve a girar al subir. El texto llega en lugar de aparecer.
Eso es lo que construyo. Movimiento ligado a la posición del scroll, no a un reloj, secciones fijadas, líneas de tiempo scrubbed, galerías horizontales impulsadas por scroll vertical, revelaciones de texto enmascarado, WebGL cuando la idea lo merece.
Pila: GSAP + ScrollTrigger, Lenis, Three.js, JS puro o Next.js. Sin constructores de páginas, sin plantillas.
PRUEBALO PRIMERO
Corriendo aquí: ataberkyildiz.netlify.app
Haz scroll. Esa es la verdadera tarea, no un mockup.
POR QUÉ LA MAYORÍA DE LOS SITIOS ANIMADOS FALLAN
Cada elemento tiene su propia revelación, cinco efectos apilados en una pantalla, y se lee como ruido. Movimiento sin jerarquía es solo movimiento.
Por eso trabajo con un límite: dos o tres movimientos signature por sitio, elegidos por la historia. Todo lo demás permanece quieto a propósito.
Cada construcción viene con un presupuesto de rendimiento y soporte completo para reduced-motion. El movimiento debe sentirse costoso, no correr costoso.
ANTES DE PEDIR
Envíame un sitio de referencia que te guste. Te diré cómo está construido y cuánto cuesta realmente. Eso es gratis.
Respeta los derechos de terceros
Recuerda que incluir temas, plantillas o cualquier otro elemento que viole los derechos de terceros o las leyes aplicables en los trabajos entregados va en contra de las políticas de Fiverr. Puedes ver más información en Guía para la creación digital responsable.
Conoce a Ataberk
Ataberk
I build websites that move when you scroll
- DeTurquía
- Miembro desdejul 2026
- Responde aprox. en: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.
Traducción automática
Mi porfolio
Otros servicios de Desarrollo de sitios web que ofrezco
FAQ
Traducción automática
¿Funcionará en el móvil?
Sí, y no reduciendo la versión de escritorio. Secuencias de scroll pesadas se reemplazan con equivalentes más ligeros en pantallas pequeñas — una escena WebGL fijada se convierte en una composición estática con una revelación simple. El movimiento que se siente premium en una laptop se siente roto en un teléfono, por eso se diseñan por separado.
¿Todo esta animación ralentizará mi sitio?
Solo si está mal construido. Animo transform y opacidad exclusivamente, que permanecen fuera del hilo principal y no activan layout. Los assets están dimensionados y cargados perezosamente. Hago una revisión de rendimiento en Standard y Premium y te mostraré los números.
¿Necesito proporcionar contenido e imágenes?
Para el mejor resultado, sí — el contenido real y la fotografía real siempre superan a los placeholders. Si aún no los tienes, puedo construir con placeholders estructurados y cambiarlos después, pero un sitio solo es tan bueno como lo que contiene.
¿Qué necesitas de mí para empezar?
1. Un sitio de referencia o dos que te gusten 2. Tu contenido — textos e imágenes, o una nota de que llegarán 3. Qué secciones necesitas 4. Dónde será alojado Eso es todo. Volveré con el plan de movimiento antes de escribir cualquier código.
¿Qué pasa si un visitante tiene sensibilidad al movimiento?
Cada construcción respeta prefers-reduced-motion. Cuando está activado, el pinning y el scrubbing se apagan y el contenido permanece quieto, completo y completamente legible. No es un añadido — es parte de la construcción.
¿Utilizas IA en tu proceso?
Sí, como herramienta — para estructurar y iterar. La dirección artística, las decisiones de movimiento y el acabado final son míos, y cada construcción está hecha específicamente para tu marca. Encantado de explicarte exactamente dónde se usa.
