Saltar al contenido

Control industrial y fabricación

Applied Gray Matter

Mostrar cómo es el sitio de un fabricante de cuadros de control UL 508A cuando está construido para el ingeniero que tiene que especificar el cuadro.

Sitios web

Resumen

Este es un concepto propio, no un encargo. Rehicimos el sitio de un fabricante real de cuadros de control industriales para mostrar cómo abordamos un público B2B técnico, y para tener algo concreto que enseñar en lugar de una lista de servicios.

A los compradores industriales no los convencen los adjetivos. Están especificando un cuadro contra una norma y tratando de averiguar si vas a cumplir la fecha. Todo el concepto está organizado para responder a esas dos preguntas más rápido de lo que puede hacerlo un competidor.

El reto

Revisamos doce competidores del sector, desde Johnson Controls hasta talleres regionales. Todos ellos empezaban por algo concreto: cuadros fabricados al año, proyectos completados, años en el oficio o un plazo de entrega en la portada. El sitio que estábamos rediseñando no publicaba nada de eso.

Tampoco tenía logotipos de clientes, ni testimonios, ni casos de estudio, ni marcas de certificación en la página: solo palabras. Para un comprador que compara tres talleres un martes por la tarde, no había nada que pesar.

El problema de fondo era que el material realmente sólido —dos docenas de artículos técnicos sobre UL 508A, SCCR y el artículo 409 del NEC— estaba enterrado, sin fecha y sin autoría, sin hacer nada del trabajo que podría haber hecho.

Qué hicimos

El sitio empieza por el conjunto montado y no por la empresa. Una sección interactiva del interior de un cuadro de control permite recorrer el seccionador principal, la coordinación de cortocircuito, el dimensionado de cables, el diseño térmico y la colocación de la etiqueta UL, con una breve explicación técnica en cada punto. Demuestra competencia en lugar de afirmarla, y ningún competidor de la revisión tenía nada parecido.

Un estimador autoservicio de cuadros hace ocho preguntas y devuelve un nivel de complejidad y un calendario indicativo. Deliberadamente no devuelve un precio: poner precio a un cuadro de control con ocho respuestas es una suposición disfrazada de cifra, y un ingeniero que luego recibe otra cantidad deja de fiarse de todo lo demás del sitio. Capta al comprador que todavía no está listo para llamar a nadie.

Cada especificación, norma y cifra va en una tipografía monoespaciada, para que las partes que un ingeniero lee como datos parezcan datos. Las normas se citan por su número en todo el sitio, y las preguntas frecuentes responden a lo que la gente busca de verdad: UL 508A frente a NFPA 79, qué es el SCCR, quién puede colocar una etiqueta.

Al tratarse de un concepto, las cifras no verificadas se tratan con honestidad en lugar de inventarse: los valores de muestra están marcados visiblemente como muestras, y un solo interruptor devuelve cada uno de ellos a la condición de marcador de posición que no puede publicarse por accidente.

Qué hace

  • Sección interactiva de un cuadro UL 508A con ocho puntos anotados
  • Estimador de cuadros de ocho preguntas que devuelve un nivel de complejidad
  • Siete páginas de servicio y once páginas de sector
  • Temas claro y oscuro en todo el sitio
  • Formularios de presupuesto, contacto y reseña de cliente con validación en el servidor
  • Carrusel de testimonios con soporte de teclado, deslizamiento y movimiento reducido
  • Tarjetas de vista previa generadas para cada página
  • Contraste de color WCAG 2.1 AA, verificado y no supuesto

Verlo funcionando

El sitio en vivo

No se carga nada hasta que lo pides, así esta página sigue siendo rápida.

applied-gray-matter-web.vercel.app

Abrir la demo

La demo se carga cuando tú lo pides

No se descarga nada hasta que decides verla, así esta página sigue siendo rápida.

Más proyectos

Proyectos relacionados

www.proofestimate.com

Falta añadir la imagen de vista previa

Tejados y construcción

ProofEstimate

Permitir que un contratista de tejados prepare un presupuesto para la aseguradora en la propiedad, desde el móvil, en el idioma que habla su cuadrilla.

Diseño web a medida
Ver el caso
www.jesushealingministry.net

Falta añadir la imagen de vista previa

Iglesias y organizaciones sin ánimo de lucro

Kingdom Churches

Dar a una congregación bilingüe una sola web pública y una sola área de miembros, sin que las dos se separen con el tiempo.

Diseño web a medida
Ver el caso

¿Listo para construir algo que valga la pena?

Cuéntanos qué tienes en mente. Te diremos con honestidad si somos las personas indicadas para construirlo.