Cada arreglo hecho N veces es el techo del número de clientes.
El coste de un estudio pequeño no está en construir. Está en mantener.
Caso 06 / 06Sistema de diseñoWordPressWooCommerceIngeniería de diseño
Un framework. Tres marcas. Una forma de publicar.
Un sitio de cliente no se entrega. Se mantiene. Lo que lo hace posible no es el diseño: es que cada decisión deja su porqué por escrito, y cada test se ha roto a propósito al menos una vez.
Junciera Jiné · cómo se publica un cambioMedir → cambiar → romperlo → cae → restaurar
Medido · producciónPasaFalla · esperadoPasa · probado
1.85:13.08:11.85:13.08:1
Peor caso en el sitio en marcha —no leído del código.Cambiado, medido de nuevo. Verde. Eso aún no prueba nada.Roto a propósito. Cae —así el test es real.Restaurado. Ahora cuenta.
1 de 2,450 comprobaciones · 85 ficheros de testContraste · titular sobre foto · umbral 3:1
- Cliente
- Junciera Jiné
- Alcance
- Sistema de diseño · tema · plugin · canal de distribución
01 — Reto
El encargo era una tienda de vino. El trabajo era el primero de muchos.
Una bodega de vino natural en Peñaranda de Duero con tienda online. Pero el encargo real no era una tienda: era el primero de varios. Lo que se decidiera aquí, lo heredarían los siguientes clientes.
Eso cambia el problema. Una web se construye una vez. Un sistema del que cuelgan webs tiene que poder cambiarse después —con clientes en marcha dentro, sin visitarlos uno a uno.
02 — Diagnóstico
Construir no es el coste. Mantener sí.
Negocio
Usuario
Dos usuarios, y nadie los separa.
Quien compra vino —en el móvil, de noche, con mala cobertura. Y quien lleva la tienda —sin PHP, con miedo a tocar nada.
Sistema
En WordPress, el tema del cliente se congela.
Mejoras algo y nunca llega a quien ya lo tiene instalado. De serie, eso no lo resuelve nadie.
03 — Decisión
Lo contrario de lo cómodo: decidir qué pertenece al sistema antes de escribir nada.
Descartado
Un tema a medida por cliente
Cada mejora se paga N veces y deriva. A los seis meses no hay sistema: hay seis webs distintas.
Descartado
Un maquetador visual
Devuelve el control y se lleva con él el rendimiento y la coherencia. El cliente no quiere construir. Quiere vender vino.
Elegido
Un framework padre, un hijo por cliente y nuestro propio canal de actualización
Obliga a separar sistema y marca desde el principio —y a construir la tubería de distribución antes de que hubiera a quién distribuir.
04 — Sistema
Tres capas. La marca es la más pequeña.
FrameworkPadre · el mismo para todos
34,510 líneas
Rejillas, tipografía, movimiento, la tienda, los filtros, el panel de ajustes.
HijoSolo la marca
3,427 líneas
Su tipografía, sus propias páginas, sus textos.
PluginTodo lo que no es apariencia
—
Datos, email, consentimiento, métricas, salud del sitio.
91%
del código no se vuelve a escribir para el siguiente cliente.
Los principios que de verdad gobiernan el código
01El porqué vive encima del código.Una decisión sin un comentario fechado no es una decisión: es un accidente. 542 bloques fechados en el código hoy.
02Si no se ha roto a propósito, no está probado.Cada test nuevo se rompe cambiando el código, se comprueba que falla y se restaura.
03Mide sobre el sistema que funciona.Nada es bueno porque el código se lea bien. Sin medición, no hay afirmación.
04Lo que decide el panel no se escribe en código.Una lista escrita a mano es una decisión robada a quien usa el sitio.
05El silencio gana a «varias mejoras».Las notas de versión que lee un cliente las escribe una persona.
06La carpeta se llama como la cosa.Un segundo nombre que recordar cuesta tardes.
05 — El problema de escala
Una decisión no está terminada hasta que llega a un sitio en el que nadie inicia sesión.
Esto es lo que casi nadie enseña, y es el corazón del caso.
Lo detiene si está malSin porqué fechado → es un accidente, no una decisión.
01Decisión
Lo detiene si está malSigue en verde roto → no probaba nada.
02Un test roto a propósito
Lo detiene si está malNotas escritas por una persona —o no hay notas.
03Versión
Lo detiene si está malSolo lo que cada sitio tiene contratado. Revocado → al instante.
04Canal
Lo detiene si está malSu versión se ve sin iniciar sesión.
05El sitio del cliente se actualiza solo
Distribución
Los sitios reciben versiones nuevas por sí solos.
Cada uno solo lo que tiene contratado. Revocar es inmediato. Tres problemas invisibles resueltos: anunciar una versión, entregar solo lo contratado, revocar.
Adopción
Un cliente no actualiza si no sabe qué gana.
Cada versión lleva notas escritas a mano, desde su lado —«el resumen de ventas no se ralentiza ni con miles de pedidos»— nunca generadas del historial.
Medición
Qué versión corre en cada sitio, sin iniciar sesión en ninguno.
Y comprobaciones de salud propias: el plugin avisa, por ejemplo, si el registro de errores de un sitio se puede descargar desde internet.
06 — Resultados
Los números de ingeniería no sustituyen a los de negocio. Aquí van los dos.
Comprobaciones automáticas · 85 ficheros de test2,450Cada una rota a propósito al menos una vez. Medido 19–21 oct 2026.
Medido sobre el sistema en marchaInicioAhora
Hoja de estilos servida (gzip)173,743 B51,279 B
Paquete del tema del cliente (24 MB eran fotos de prueba)29 MB1,218 KB
Peticiones a terceros por página (2 devolvían errores)60
Titular sobre foto, peor caso1.85:13.08:1
Antes / después · capturas en español, tal como se publicaron
Lighthouse · rendimiento / accesibilidad / buenas prácticas / SEO
Escritorio9092100100 Móvil75100100100
El 75 en móvil lo domina el servidor —1.16 s de espera— no el tema. Se dice aquí, no se esconde.
07 — Reflexión
El método es el entregable. El sitio es su primera prueba.
«Un test que pasa no prueba nada hasta que lo has roto.»
Viene de un desliz real en este proyecto: un test que seguía en verde mientras el código que vigilaba ya no estaba. Desde entonces, romperlo es un paso, no una virtud.
Lo que haría distinto
La caché en el edge se deja para el final y es lo que más mueve la aguja: 1.16 s de espera pesa más que 500 KB de CSS. Mídelo el primer día.
Nombra cada carpeta como aquello que despliega desde el minuto cero. Arreglarlo después supuso mover 532 ficheros.
Las fotos del cliente no viven en el tema. 24 MB de material de prueba entraron en la carpeta que se publica y tardaron dos semanas en salir.
