Fábrica de webs · Plan premium
Cómo queda armada la fábrica que pediste: de una dirección web al sitio publicado, con cada cosa pesada en el lugar donde no molesta.
Es como construir una casa. Primero se estudia el plano de otra casa. Después se compran los materiales. Y recién al final se construye la propia.
Entra una dirección web y sale el plano. Se lee la página de referencia y se anota cómo está armada: qué secciones tiene, en qué orden, con qué letras, qué colores, dónde va cada foto.
Se hace el inventario de materiales. Una lista de lo que va a hacer falta: tantas fotos, un logo, dos tipografías, tres colores. Lo que falta se marca en rojo.
Se consiguen o se crean las piezas. Primero las del cliente. Después fotos libres o fotos hechas con inteligencia artificial.
Se arma la animación liviana. Poco peso, movimiento justo donde el ojo se detiene.
Se pone el molde de Dínamo. El molde define cómo se ve todo. Nunca qué dice.
El toque justo y el control de calidad. Lo que marca rojo, no se publica.
Destripar está bien. Lo que no está bien es llevarse los muebles.
Un texto tiene dueño. Una foto tiene dueño. Un logo tiene dueño. Si la web del cliente queda igual a la del original, es un problema legal y además se nota a simple vista.
La regla es simple: mismo esqueleto, otra piel y otro contenido.
Tres fuentes seguras, en orden de preferencia.
1 Las fotos del cliente. Son las mejores: muestran su local de verdad. Si no las tiene, se piden.
2 Fotos libres. Sitios como Unsplash o Pexels dan fotos que se pueden usar en trabajos comerciales. Hay que leer la licencia de cada una, porque algunas piden nombrar al autor.
3 Fotos creadas con inteligencia artificial. Salen a dos centavos la foto y no tienen dueño. Sirven para rellenar, nunca para mostrar un producto real con su precio.
Bajar imágenes de Pinterest o de Google Imágenes y ponerlas en la web de un cliente. Pinterest es una cartelera de ideas, no una tienda gratis. Cada foto de ahí tiene dueño, y si llega un reclamo, el reclamo cae sobre vos.
Pinterest sirve para mirar y decidir el estilo. Después la foto se consigue de las tres fuentes de arriba.
Tenés razón en el fondo: una animación hecha de fotogramas no se traba como un video pesado. Pero la cuenta hay que hacerla bien, porque el número cambia todo.
Pensalo así: cada fotograma es una foto más que el teléfono del cliente tiene que bajar. Si bajás 200 fotos grandes, el cliente espera mirando una pantalla en blanco.
| Forma | Cuánto pesa | Para qué sirve |
|---|---|---|
| Código apariciones, desplazamientos, cambios de color |
40 a 60 KB en total | El 90% del sitio. Es lo más liviano que existe y se ve igual en cualquier teléfono. |
| Fotogramas WebP una secuencia de fotos que avanza con el scroll |
60 a 90 fotos × 40 KB = 2,5 a 3,5 MB | Un producto que gira, un fondo que cambia. Se bajan de a poco mientras el visitante recorre. |
| Video corto MP4 | 1 a 2 MB por cada 5 segundos | Solo si hay movimiento real: agua, humo, gente caminando. |
200 fotogramas a pantalla completa pesan entre 20 y 40 MB. Eso es justo lo que querías evitar: la página se traba y el cliente se va.
La regla que sí funciona: menos fotogramas, más chicos, comprimidos, y solo donde el ojo se detiene. Con 60 a 90 fotogramas de 1.200 píxeles de ancho alcanza y sobra para que se vea caro.
Un detalle de oficio: el primer fotograma pesa menos y se muestra al instante, para que nunca haya pantalla vacía. Los demás se bajan de a uno mientras el visitante scrollea.
Es el molde de estilo. Define las letras, los tamaños, las transparencias, las posiciones, el aire entre bloques. Decide cómo se ve todo. No decide nunca qué dice.
Son las recetas de oficio. Cómo se elige una tipografía, cómo se ve caro, cómo se revisa un diseño antes de mostrarlo. Es el criterio del diseñador, guardado en carpetas.
Son las manos. Escribe el HTML, prueba, se equivoca, corrige. Trabaja en tu computadora, donde hay navegador de verdad y placa de video.
Hago el plano, el inventario, la orden de trabajo y el control final. Publico. Y no dejo pasar nada que no esté completo.
Regla de la casa: el texto sale siempre de la ficha del cliente. Si falta un dato, se pregunta o se deja vacío. Nunca se inventa.
| Dónde | Qué hace |
|---|---|
| Tu PC | Claude Code escribe y prueba. Se sacan los fotogramas, se renderiza el video, se mira la animación andando en un navegador de verdad. |
| Acá, en la nube | Leer la página de referencia, armar el inventario, escribir el HTML, cortar y comprimir fotogramas, controlar el peso, publicar. |
| Cloudflare | Muestra la web terminada. Gratis, sin motor prendido, aguanta miles de visitas. |
| El servidor chico | Guarda la lista de clientes y quién paga mantenimiento. Nada pesado: si se cae, se cae todo lo demás. |
Lo único que no puedo hacer desde acá: abrir un navegador de verdad para mirar la animación con mis propios ojos. Eso se prueba en tu PC, o lo mirás vos en el celular y me contás.
Se copia el plano, no los muebles. Textos, fotos y logos siempre propios o con licencia.
Presupuesto de peso fijo: la primera pantalla no pasa de 2,5 MB. Si se pasa, no se publica.
Se arranca igual, con huecos marcados. El revisor frena la publicación hasta que estén. Un hueco visible es mejor que una foto inventada.
Este es el mensaje que se le manda al cliente el primer día. Copialo y pegalo tal cual.
Dos cosas, y con eso arranca la primera web premium completa.
Uno. Pasame una sola dirección web que te guste, de esas que decís "quiero que se vea así". Te devuelvo el plano destripado: qué secciones tiene, qué letras, qué colores, y la lista exacta de piezas que faltan para armar una igual de linda pero con otro contenido.
Dos. Copiá la carpeta de Open Design adentro de Proyectos, en tu PC. Así puedo leer las recetas y usarlas yo también, sin depender de que la computadora esté prendida.
Con esas dos cosas hago la primera prueba completa: plano, inventario, web armada y publicada. Vos mirás el resultado y decidís.