Desarrollaré un sitio web interactivo en 3D con three js y webgl


Acerca de este Servicio
Traducción automática
La mayoría de los sitios web en 3D son una animación hermosa sin nada detrás. Obtienes la escena, luego descubres que no hay backend, ni formularios, ni forma de editar nada, y se ralentiza en un teléfono.
Yo construyo todo eso.
LO QUE OBTIENES
- Una escena real de Three.js / WebGL escrita para tu marca. Sin plantillas, sin proyectos reutilizados.
- Movimiento impulsado por desplazamiento con GSAP que sigue al lector, no a él.
- El sitio detrás: páginas, base de datos, formularios de contacto y un panel de administración al que ingresas.
- HTML rastreable real debajo del 3D, para que los motores de búsqueda aún lean tu contenido.
- Un fallback probado, para que los teléfonos de baja potencia tengan una página rápida, no una rota.
- Implementado en vivo en tu dominio, además del código fuente completo. Tú lo posees.
MI STACK
Three.js, WebGL y shaders GLSL escritos a mano. Next.js, React, TypeScript, Tailwind. Supabase y Postgres. Implementado en Vercel.
POR QUÉ YO
Soy un desarrollador full-stack, así que la 3D y el sistema debajo son construidos por la misma persona. No hay transferencia que pueda perderse.
Mi propio sitio usa exactamente esta stack, en vivo en farhanshahriar.online. Ábrelo, desplázate, luego ábrelo en tu teléfono.
Envíame un mensaje antes de ordenar y te diré honestamente qué paquete se ajusta.
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 Farhan Shahriar
Full Stack Developer
- DeBangladesh
- Miembro desdejul 2024
- Responde aprox. en:1 hora
Idiomas
Bengalí, Inglés
Traducción automática
FAQ
Traducción automática
¿Será lento o se bloqueará en los teléfonos?
No. Antes de entregar pruebo en un Android de gama media real, no en un emulador. El sitio verifica primero el dispositivo, y cualquier dispositivo de baja potencia recibe una escena más ligera o un fallback estático en lugar de una página rota. Recibirás una grabación de pantalla del teléfono con la entrega.
¿Google aún podrá leer mi sitio?
Sí. Tu texto y encabezados se envían como HTML real que los rastreadores leen normalmente, y el 3D se sitúa encima en lugar de reemplazarlo. Este es el error que más perjudica a los sitios WebGL, por eso se maneja por defecto, no como un extra.
¿Soy dueño del sitio y obtengo el código fuente?
Sí, en todos los paquetes. Obtienes el código fuente completo y el sitio se implementa en tu propio hosting y dominio. No hay licencia de plantilla, ni cuenta de creador de la que dependas, ni nada por lo que tengas que seguir pagando.
¿Cuánto tiempo tardará en cargar?
No te daré una cifra que no haya medido en tu proyecto. Lo que garantizo es un presupuesto real para el peso de la escena, cargando solo lo que necesita la primera pantalla, y una comparación medida antes y después en una conexión limitada que te mostraré.
¿Puedo editar el texto y las imágenes yo mismo después?
En el paquete Premium, sí: obtienes un panel de administración con inicio de sesión donde puedes editar texto, imágenes y contenido. Para ser sincero, la escena 3D en sí es código y cambiarla es un trabajo de desarrollo, no una edición de contenido.
¿Puedes agregar 3D a mi sitio web existente sin romperlo?
Sí, eso es exactamente lo que incluye el paquete Basic. Agrego una sección 3D en el sitio que ya tienes y dejo el resto igual. Envíame primero la URL para confirmar que tu configuración puede soportarlo antes de ordenar.
¿Es esto una plantilla que revendes a otros clientes?
No. Cada escena está escrita para un proyecto y no se reutiliza. Por eso también pregunto qué trata tu marca antes de cotizar, y por qué no puedo entregar una escena completamente personalizada en 24 horas.
¿Cuántas revisiones puedo solicitar y qué cuenta como una revisión?
Dos en Basic, cuatro en Standard, cinco en Premium, medido según el brief que acordamos antes de que ordenes. Ajustar colores, diseño, tiempos o contenido es una revisión. Cambiar el concepto después de que lo apruebes, o agregar páginas, es trabajo nuevo y lo cotizaré honestamente.
¿Puedes hacer modelos 3D, personajes o animaciones de productos?
Construyo escenas en código: geometría, shaders, partículas y movimiento. No hago modelado en Blender, rigging de personajes ni visualización de productos desde archivos CAD. Si tu proyecto necesita un activo modelado, dime primero y te diré con honestidad.
¿Qué necesitas de mí para empezar?
Tu objetivo para el sitio, dos o tres sitios de referencia que te gusten, tu logo y colores de marca, y tu texto e imágenes si los tienes. Si el contenido no está listo, podemos comenzar con la estructura y el 3D mientras lo terminas.

