Caso 04 / 2026
Revestimiento de piping · Lo Espejo
Quasar Solution fabrica revestimiento, mangueras y calderería para minería, en una planta de 950 m² en Lo Espejo. Llegó sin logo, sin web y sin textos. Se hizo la marca completa, nueve páginas y un formulario que recibe la foto o el plano de la pieza.
Pesa la portada completa: el texto, los estilos, las dos tipografías y todas las imágenes. Menos que una sola foto de celular.
Móvil, red de 1,6 Mbps, caché vacía
01 / El punto de partida
Un jefe de mantención no llama a un proveedor que no puede ver.
La compra de una pieza para la línea se decide antes de la llamada. Alguien abre el sitio del proveedor y busca tres cosas: si tiene planta propia, si vulcaniza adentro y para cuándo entrega. Si no encuentra nada, no escribe. Le queda el nombre de alguien que se lo recomendó y una llamada que tiene que hacer en horario de oficina.
Quasar tenía la planta, el autoclave, los años y los clientes. No tenía dónde mostrarlo, ni un nombre que se pudiera buscar, ni una forma de recibir una cotización que no fuera una conversación de WhatsApp que había que empezar de cero cada vez.
Lo que había
Nada. Ni logo, ni paleta, ni textos, ni dominio con sitio. La empresa existía en la planta de Lo Espejo y en la memoria de sus clientes.
02 / La marca
El logo salió del oficio: cobre sobre negro.
El revestimiento se pone sobre acero, y el acero que trabaja en faena termina del color del cobre. De ahí salieron los tres tonos: uno de luz, uno base y uno de sombra, que se usan como planos y no como degradado. El fondo es negro porque las fotos de la planta ya traen el color.
Questrial para los titulares, con las curvas abiertas del metal. Montserrat para el texto, que aguanta párrafos técnicos sin cansar. Dos familias y dos pesos en total: 57 KB de tipografías.
Tipografías
Questrial 400 · titulares
Montserrat 400 · texto
2 familias, 2 pesos, 57 KB
#EF924F
#FFD390
#B05E1B
#0A0A0B
#101113
#F4F2EF
Tres tonos de cobre, dos negros y un hueso para el texto
03 / Qué se hizo
Logo en dos versiones, paleta de tres tonos, dos tipografías y las reglas de uso. Es lo mínimo para que el mismo logo sirva en un camión rotulado, en una cotización impresa y en una pantalla.
Una portada y una página por servicio, cinco en total, más planta, cómo trabajamos, preguntas y cotización. Sin gestor de contenido: HTML, CSS y un archivo de JavaScript. No hay nada que actualizar ni un panel que se pueda caer.
Seis datos y la foto. Acepta jpg, png, heic, pdf y también dwg, dxf, step y zip, hasta 10 MB, porque el plano de la pieza no siempre viene en PDF. El servidor revisa el archivo antes de guardarlo y deja copia al área comercial.
04 / Lo que una captura no muestra
La portada no promete que la pieza va a llegar a tiempo. Deja que el visitante haga la cuenta de lo que le cuesta que no llegue.
Con 300 toneladas por hora y 12 dólares de margen, la hora de línea detenida cuesta 3.600 dólares. El visitante cambia los dos números y el resultado es suyo. Los supuestos están escritos debajo, a la vista, porque un número sin supuestos no convence a nadie que compre repuestos para una planta.
02 · Una ficha por servicio
Cada ficha trae el material, el indicador que mueve y el momento en que se pide. Un jefe de mantención no busca "revestimiento": busca qué hacer cuando el chute se perforó antes del próximo mantenimiento programado.
03 · El formulario, con espacio para el plano
Once formatos y 10 MB por archivo. El campo se llama "foto o plano de la pieza" y no "adjunto", porque el que tiene la pieza rota en el patio muchas veces no tiene el plano: tiene una foto tomada con el celular.
05 / Los números
Medido sobre el sitio publicado, en móvil emulado, con el procesador cuatro veces más lento y una red de 1,6 Mbps. Dos corridas, caché vacía.
Los otros dos casos de este portafolio pesan 364 KB y 359 KB y piden 20 y 18 archivos. Este pide ocho porque no hay gestor detrás: el servidor entrega un archivo de texto y tres imágenes, y no consulta ninguna base de datos para armar la página.
Después de publicarlo hubo una segunda pasada, esta vez sobre cómo se lee y se toca. El titular no pasa de 19 caracteres de ancho aunque la pantalla sea enorme, los títulos se equilibran para no dejar una palabra sola en la última línea, ningún control baja de 44 px de alto, el foco del teclado se ve y la animación se apaga sola si el sistema pide menos movimiento. Nada de eso aparece en una captura, y es lo que permite usarlo desde una oficina con luz mala o desde un celular en la planta.
06 / La escala
El sitio no inventa tamaño: publica el que existe.
Cada cifra de la portada se puede verificar visitando Lo Espejo. Por eso el formulario pide la foto de la pieza y no un correo que diga "consúltenos": con la foto y la fecha de la parada, la respuesta se puede dar en el primer mensaje.
Datos que publica el cliente en su propio sitio
La planta, con dirección y superficie
En un celular
El que busca un proveedor lo hace desde el celular, muchas veces parado frente a la pieza. El formulario entra completo en una pantalla, con el campo de archivo a la vista y sin pasos intermedios.
Cómo se midió. Chrome con emulación de móvil (390×844), procesador 4× más lento y red de 1,6 Mbps con 150 ms de latencia, caché del navegador vacía, dos corridas. Los valores de carga varían entre corridas por la respuesta del servidor; el peso y el número de archivos no. Son mediciones puntuales, no promedios de laboratorio.