Saltar al contenido
Esequiel A. Milazzo, inicio

Caso 04 · Ingeniería industrial

Pampean

De una web con problemas de certificado a un sitio completo, en un día.

Lista para publicar
Ingeniería industrialWeb empresarialSitio estático, sin abono
Inicio de la web: qué hace Pampean, una consola terminada y el WhatsApp a la vista
Inicio de la web: qué hacen, un equipo real terminado y el WhatsApp a la vista.

El caso

Una web que muestra el trabajo.

Contexto

Pampean, empresa de ingeniería industrial de Santa Fe.

Problema

La web anterior arrastraba problemas de certificado y no mostraba nada de su trabajo.

Solución

Una web de cinco páginas que cuenta cada trabajo paso a paso, del corte de la chapa al equipo funcionando, sin nombrar clientes.

Resultado

1 día para diseñar y codificar la web completa. 0 JavaScript y todo el texto con contraste AA.

Alcance y calidad

Una web que no se cae ni pide abono.

Trabajos paso a paso

Cada trabajo como una secuencia de fabricación, con fotos propias.

WhatsApp por página

Con mensaje prellenado: la consulta llega clasificada.

Formulario de segunda vía

Con anti-bots, sin servidor ni base de datos.

Analítica sin cookies

Qué página trae consultas, sin cartel de consentimiento.

Sitio estático

Sin gestor de contenidos ni abono.

Marca unificada

Logo vectorizado y sistema de diseño.

Landing de emergencia

Online sin tocar el correo.

Calidad

Contraste AA en todo el texto.

Mínimo 5,70:1; 44 de 44 imágenes con texto alternativo.

Comparación píxel a píxel.

8 errores detectados contra el diseño, más 9 correcciones de QA.

Ningún dato sin respaldo.

El build no publica un número sin confirmar.

Cómo se hizo

Diseño y código, el mismo día.

  1. 14/09 Marca y sistema de diseño
  2. 14/09 18 diseños, en 1.440 y 390 px
  3. 14/09 Código en 7 commits
  4. 15/09 Lista para publicar

Recorrido

De un link de WhatsApp a la consulta, en cinco pasos.

  1. Inicio en el celular con qué hace Pampean y el botón de WhatsApp arriba
    01 Entra desde WhatsApp

    Qué hacen y el botón, arriba.

  2. Las cinco capacidades de Pampean, una por bloque
    02 Capacidades

    Cinco disciplinas, un interlocutor.

  3. Un trabajo contado paso a paso, de la chapa cortada a la estructura soldada
    03 Un trabajo

    Paso a paso, con fotos propias.

  4. El detalle de un servicio, Electrónica y control, con lo que incluye
    04 Servicios

    El detalle de cada disciplina.

  5. Cierre de la página con el botón de WhatsApp y el pie del sitio
    05 Consulta

    Por WhatsApp, en un toque.

Galería

Una página por pregunta del cliente.

Próximo paso

Contame cómo trabaja tu empresa.

El primer paso es una Radiografía operativa: el mapa del proceso, los dolores priorizados y un alcance cerrado.