Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Crearé una landing page moderna y animada con gsap y webgl
Ataberk
Acerca de este Servicio
Traducción automática
La mayoría de los sitios web hacen scroll. Algunos se mueven.
Notas la diferencia en el momento en que entras en uno. Una sección se mantiene fija mientras la historia continúa. Un producto gira al hacer scroll y vuelve a girar al desplazarte hacia arriba. El tipo de contenido 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 ajustadas, galerías horizontales impulsadas por scroll vertical, revelaciones de texto enmascaradas y WebGL cuando la idea lo merece.
STACK
GSAP + ScrollTrigger, Lenis, Three.js, JS puro o Next.js. Sin constructores de páginas. Sin plantillas.
PRIMERO MÍRALO
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 sola pantalla, y se lee como ruido. Movimiento sin jerarquía es solo movimiento.
Trabajo con un límite: dos o tres movimientos característicos por sitio, elegidos por la historia. Todo lo demás permanece quieto a propósito.
Cada proyecto se entrega con un presupuesto de rendimiento y soporte para motion reducido. El movimiento debe parecer costoso, no correr costoso.
ANTES DE PEDIR
Envíame un sitio de referencia que te guste. Te diré cómo lo construiría y qué es lo que realmente necesita. 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
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.
