Caso de estudio · 002
Diseño, construcción y verificación del sitio de Soluciones Publicitarias y Promocionales — cuatro servicios que se venden como uno solo, con la misma regla de siempre: nada que no se pueda medir o sostener.
El encargo
SPP lleva años rotulando flotillas, imprimiendo lonas y montando anuncios para marcas que cualquiera reconoce. Nada de eso se podía ver en ningún lado.
SPP llegó buscando que alguien le construyera una identidad completa, no una pieza suelta. Llevaban más de 30 años rotulando flotillas, imprimiendo lonas y montando anuncios para marcas que cualquiera reconoce — y no tenían ni un sitio propio a donde mandar a un cliente nuevo. El dominio se lo creamos nosotros, como primer paso. Tenían dos cuentas de redes sociales, cada una hablando distinto: sin una sola línea visual ni de tono entre ellas, y sin nada de su trabajo real mostrado en ninguna. Una búsqueda de su propia categoría en su propia zona —rotulación de vehículos y flotillas— devolvía competidores, no a ellos.
«Me interesa tener un sitio de internet para dar a conocer el negocio y poder captar más clientes.»
El sitio tenía que sostener los cuatro servicios como uno solo, sin que ninguno se leyera como el principal y los otros tres como relleno. Rafael la confirmó como suya, en esos términos. Es la restricción que ordena todo lo que viene después — empezando por la primera decisión.
Decisiones
Un sitio es la suma de sus decisiones. Estas son las que más peso tuvieron, y en cada una había un segundo camino razonable.
Los cuatro servicios viven en una sola página, cada uno con su ancla propia. La primera versión los repartía en cuatro páginas separadas.
Por qué SPP no vende paquetes: vende catálogo. Quien llega buscando rotulación de flotilla es exactamente quien va a necesitar papelería y promocionales en la misma campaña. Con cuatro páginas hay que volver atrás para enterarse; con una, los otros tres servicios aparecen mientras baja.
Menú a la derecha con el logo grande a la izquierda, tipografía Fraunces sobre Inter, pie en columnas y sin animaciones. La primera versión reutilizaba el layout del sitio anterior de SAMO casi tal cual.
Por qué dos clientes con el mismo esqueleto no reciben diseño: reciben una plantilla. Se separaron las capas: el motor de reglas duras —contraste, rejilla, accesibilidad— se comparte entre proyectos; el sistema visual cambia por cliente.
Un botón «Cotiza aquí» acompaña el recorrido en todas las páginas, y se retira en la única donde no tiene sentido. Sustituyó al botón fijo del encabezado.
Por qué el catálogo se recorre largo y la intención de cotizar no aparece siempre arriba. Repetirlo en la página que ya es el formulario no ayuda a nadie: distrae del campo que hay que llenar.
La portada pone la fotografía a la izquierda y el texto a la derecha —al revés de la plantilla—, lo que obligó a espejar la matemática del velo de contraste y a volver a medirla contra las fotos reales.
Por qué el argumento de venta de SPP son sus propios trabajos, con marcas reconocibles en la calle. Poner esas fotos de adorno de fondo las desperdicia. Al re-medir aparecieron dos defectos que a ojo no se veían, y se corrigieron.
La navegación en celular es una casilla oculta más CSS. Sin listeners, sin librerías.
Por qué el cliente va a enseñar su propio sitio desde el visor de WhatsApp, donde no siempre corre JavaScript. Un menú muerto ahí parece un sitio roto, y la primera mala impresión se la lleva él, delante de su prospecto.
Inicio nombra, en positivo, los cuatro perfiles de cliente con los que SPP trabaja mejor: corporativos y franquicias con varias sucursales, empresas medianas de cualquier giro que renuevan su imagen, gerentes de marketing que evalúan antes de aprobar, y quien busca un solo proveedor para las cuatro piezas. La primera versión incluía además una lista explícita de a quién no le servía SPP; se quitó a petición del cliente, para no sonar excluyente ni orientar el copy hacia un solo giro — las flotillas son su fuerte, pero no su único mercado.
Por qué quien decide es un gerente de marketing que evalúa antes de aprobar internamente. Nombrar con precisión a quién sí le sirve filtra igual que decir a quién no, sin cerrar la puerta a mercados que SPP también atiende.
Evidencia
«Es responsivo» y «se lee bien» son afirmaciones que cualquiera puede hacer. Estas se midieron el 29 de agosto de 2026 y se volvieron a correr el 2 de septiembre de 2026, después de la última tanda de ajustes al sitio, con scripts que corren sobre el sitio real y fallan solos si algo no cumple. El único caso pendiente —2px de desborde en el aviso de privacidad a 320px— se corrigió ese mismo día: el correo en el resumen no estaba envuelto en un enlace y no tenía dónde partir la línea. Ahora las 48 combinaciones pasan. En esa misma revisión salió un descuido distinto: el formulario llevaba publicado un marcador de posición en uno de sus atributos —sin efecto, porque no había ningún servicio conectado a donde mandar ese valor, pero a la vista de cualquiera que abriera el código fuente. Se corrigió en el generador, no a mano en la página, y la plantilla se endureció para que ese atributo no se dibuje cuando no hay dato real: el próximo sitio no puede salir con el mismo descuido. No mueve ninguna de las cifras de abajo.
El 4 de septiembre de 2026 las 48 combinaciones se volvieron a medir sobre el sitio publicado, no sobre la copia local: cada página cargada dentro de un marco del ancho exacto, comparando el ancho visible contra el ancho real del contenido. 48 de 48, cero fallas. La cifra de abajo corresponde a lo que sirve el hosting hoy, no a un archivo guardado en una carpeta — que no es lo mismo, y por eso se volvió a medir. Ese mismo día el formulario pasó a la cuenta del propio cliente y se probó de punta a punta: un envío real desde el sitio publicado, registrado en su cuenta y entregado en su buzón. El sitio mide con la propiedad de analítica del cliente, a su nombre, no con la nuestra.
El contraste no se estima: un script renderiza cada página dos veces —con y sin texto—, muestrea el 2 % de píxeles más claros del fondo fotográfico que queda detrás de cada bloque y calcula el contraste WCAG contra el color real del texto. Sobre fotografía, medir a ojo falla.
Lo que hace hoy
Cuatro pasos, como los vive un gerente de marketing que llegó buscando una sola cosa.
Resultados
Cualquier número de tráfico o conversión que apareciera hoy en esta página sería inventado.
Lo que sí se puede afirmar, porque se comprobó: el sitio tiene dominio propio, la medición de Analytics queda instalada desde el primer visitante y el aviso de privacidad la declara —si un día se quita, el aviso deja de declararla solo—, y el formulario se probó de punta a punta antes de publicar. Esta página se actualizará con datos reales cuando los haya, con su fecha y su fuente.
El punto cero está anotado. La fecha de publicación es la línea contra la que se van a comparar los primeros treinta días. Sin ese punto de partida, cualquier cifra posterior es una anécdota.