Cargando
Diseño web · UX/UI

Austin CG Construction

Un fabricante de estructura de acero en Texas, con un sitio que pone el proceso por delante del catálogo.

Austin CG Construction

Austin CG es un subcontratista de fabricación y montaje de estructura de acero en Austin, Texas. Su cliente no es el dueño de la obra sino el ingeniero, el arquitecto o el contratista general que va a confiarle una parte crítica del edificio, así que el sitio no tenía que vender acero: tenía que demostrar que esa parte va a llegar a tiempo, certificada y sin sorpresas.

Por eso la página no arranca con el catálogo. Después de la portada vienen los seis servicios, y enseguida dos secciones que en otro sitio serían letra chica: seguridad y cumplimiento, con la normativa de OSHA y el historial de accidentes por delante, y un proceso de colaboración de cinco pasos —cotización transparente, planeación conjunta, precisión técnica, comunicación abierta y claridad documental— numerado para que se lea como una promesa concreta y no como un adjetivo.

La paleta salió de las propias fotos de obra: negro y gris de estructura, con el naranja del acero al atardecer como único acento, reservado para los botones y los enlaces. Sobre eso, fotografía de sus trabajos reales en cada sección, que en construcción pesa más que cualquier ilustración.

Es uno de los sitios que diseñé desde cero durante mis prácticas profesionales en Galaxy Technology, prototipado en Figma antes de armarse.

Proceso

La portada, con una foto de estructura a contraluz y el menú de las seis áreas de la empresa.
La portada, con una foto de estructura a contraluz y el menú de las seis áreas de la empresa.
Los seis servicios en una fila, cada uno con su foto y su entrada a la página de detalle.
Los seis servicios en una fila, cada uno con su foto y su entrada a la página de detalle.
Los cinco pasos de trabajo con el cliente, en orden y numerados. Es la sección que más pidió la empresa.
Los cinco pasos de trabajo con el cliente, en orden y numerados. Es la sección que más pidió la empresa.
Contacto y pie de página sobre textura de concreto y metal desplegado.
Contacto y pie de página sobre textura de concreto y metal desplegado.
La página de control de calidad, que reutiliza la misma portada con otra fotografía.
La página de control de calidad, que reutiliza la misma portada con otra fotografía.