pedrojimenez.dev
// para motion y 3D

Una marca que se mueve se recuerda — y no tiene que pesar 10 MB

La mayoría de los negocios tienen un logo estático, fotos de stock y un video que costó caro y nunca se actualizó. El movimiento bien hecho dice «este producto está vivo» antes de que alguien lea una línea. Este sitio es la muestra: cada animación que ves aquí — el muro de proyectos, las tarjetas, los videos de promo — está hecha con código, pesa menos que una foto y se regenera en cualquier idioma con un comando.

Iniciar un proyectoAgenda una llamada de 20 min
60 fps
videos verticales 1080×1920 para Reels, TikTok y Estados
≈100 KB
lo que pesan la mayoría de las animaciones de este sitio
12
videos de una sola plantilla: 4 promos × 3 llamadas a la acción
// lo que casi nadie te dice

El movimiento no es decoración. Es la forma más rápida de explicar algo.

Una animación de tres segundos enseña cómo funciona tu producto mejor que un párrafo: el dato entra, algo pasa, el resultado sale. Por eso la buena animación no es un video de lujo que se hace una vez — es un sistema: plantillas que se adaptan a cada idioma, oferta y red sin volver a editar a mano.

// antes y después
× Hoy✓ Con la solución
Hoy: Un video por campaña, editado a mano, en un solo idioma.
Con la solución: Una plantilla que genera cada versión: idioma, oferta y formato.
Hoy: Íconos genéricos y fotos de stock en la web.
Con la solución: Ilustraciones animadas que muestran lo que dice el texto.
Hoy: Animaciones pesadas que frenan la página.
Con la solución: Loops livianos que cargan solo cuando aparecen.
Hoy: Un estilo distinto en cada red.
Con la solución: Un solo sistema visual: mismos colores, tipografía y movimiento en todo.
// el costo de no hacer nada

Pon tus números.

24 horas al mes
editando a mano lo que una plantilla podría generar
Calculado con tus números, no los míos. No es una promesa — es el tamaño del problema.
// cómo funciona
01

Sistema visual

Colores, tipografía y reglas de movimiento de tu marca, definidas una vez.

02

Plantillas animadas

Escenas hechas con código: el texto, los datos y el idioma son parámetros.

03

Render en cada formato

Vertical para redes, loops livianos para la web, en cada idioma.

04

Entrega lista para usar

Archivos listos para publicar y un comando para generar la siguiente versión.

// qué se construye
01

Animación de logo e identidad

Tu marca en movimiento para intros, cierres de video y redes.

02

Visuales en loop para tu web

Ilustraciones animadas como las de este sitio: explican, pesan poco y solo se reproducen mientras se ven.

03

Kits de video para redes

Promos verticales 9:16 a 60 fps con subtítulos y llamada a la acción, listas para Reels, TikTok y Estados de WhatsApp.

04

Video programático

Una plantilla, cien videos: cambias el texto, la oferta o el idioma y se renderiza solo.

05

3D en tiempo real para la web

Escenas WebGL como el fondo reactivo del inicio de este sitio, cargadas después de que la página ya es usable.

// ¿lo necesitas?

Marca lo que te pasa hoy.

0 de 5
Probablemente todavía no lo necesitas — y está bien saberlo.
// la prueba

Este mismo sitio. Cada animación que has visto aquí — el stack de servicios, el muro de proyectos, las tarjetas, los videos de promo — salió de plantillas de código, en español e inglés.

Hero de /servicios — seis capas, un hilo
Hero de /proyectos — el muro de proyectos
Inicio — loop de la red edge
Inicio — el pipeline de despliegue
// preguntas

Antes de que preguntes

¿Puedo cambiar el texto de un video sin volver a contratar a nadie?

Esa es la idea. Las piezas se construyen como plantillas — el texto, los datos, el idioma y la llamada a la acción son parámetros — así que una versión nueva es un comando, no un proyecto.

¿Las animaciones no van a hacer lenta mi web?

No si se hacen bien. La mayoría de las de este sitio pesan alrededor de 100 KB, se descargan solo cuando aparecen en pantalla, y quien tiene el movimiento reducido activado ve una imagen fija.

¿Haces 3D?

Sí, para la web: escenas WebGL en tiempo real como la del inicio de este sitio. Para renders de producto o 3D tipo cine, cuéntame el caso y te digo honestamente si es lo mío o si conviene un especialista.

¿Qué debería moverse en tu marca?

Cuéntame dónde se te va el tiempo editando, o qué parte de tu producto cuesta explicar. Recibirás una lectura directa de qué vale la pena animar.

Iniciar un proyectoAgenda una llamada de 20 minTodos los proyectos

Servicios