Crearé un sitio web con animación de desplazamiento usando three js gsap y next js


Acerca de este Servicio
Traducción automática
El desplazamiento puede hacer más que mover texto en la pantalla. Puede hacer que una cámara cruce un globo terráqueo, desarmar un producto o guiar a alguien paso a paso sobre cómo funciona algo.
Construyo sitios web 3D impulsados por desplazamiento con three.js, GSAP y Next.js. La página es una escena continua: a medida que el visitante desplaza, la cámara se mueve, las partes se separan, las rutas se dibujan y cada capítulo llega con sus propias palabras.
LO QUE OBTIENES
- Una escena 3D continua, no una pila de secciones
- Cada capítulo enmarcado y temporizado para que se puedan leer las palabras
- Suave en teléfonos, no solo en laptops rápidas
- Código limpio de Next.js que tú posees, desplegado y en vivo
- Un archivo de configuración para que puedas cambiar el texto tú mismo
BUENO PARA
Viajes y turismo, clínicas y dispositivos médicos, ingeniería, arquitectura, lanzamientos de productos, cualquier cosa que necesite explicar en lugar de solo listar.
LO QUE NECESITO
Tu texto, tus fotos o modelo, y el orden en que quieres que se revelen las cosas.
La galería muestra versiones de prueba: un viaje por un globo terráqueo y un implante dental que se divide en sus partes.
Dime qué necesitas explicar y te sugeriré cómo podría desarrollarse.
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 Arthur Morgan
- DeIndia
- Miembro desdejun 2024
- Responde aprox. en:1 hora
Idiomas
Inglés
Traducción automática
FAQ
Traducción automática
¿Qué es un sitio impulsado por desplazamiento?
La página es una escena 3D, y el desplazamiento mueve la cámara a través de ella en lugar de saltar entre bloques. Piensa en las páginas de productos de Apple: el objeto permanece, la vista y las palabras cambian a su alrededor.
¿Necesito un modelo 3D?
No siempre. Puede ser un globo, un mapa o una escena abstracta que construyo en código. Para tu producto específico, necesito un modelo o archivo CAD, o buenas fotos para poder obtener y optimizar uno.
¿Funciona en teléfonos?
Sí. Construyo un diseño en retrato con su propio encuadre, porque una escena diseñada para una pantalla ancha rara vez funciona en una estrecha. Los teléfonos antiguos reciben una versión más ligera para que nada se quede trabado.
¿Es malo para el SEO?
No. El texto es HTML real, renderizado en el servidor con Next.js, así que los motores de búsqueda leen las palabras normalmente. Solo la escena 3D se carga después.
¿Son los ejemplos trabajos reales de clientes?
No. Son versiones de prueba que muestran lo que es posible, por lo que las marcas son ficticias. El código, el trabajo en 3D y el rendimiento son iguales a los que obtendrías

