Cargando
Diseño web · UX/UI

Texas Air Industries

Mecánica, plomería y electricidad comercial en un solo catálogo, puesto en orden.

Texas Air Industries

Texas Air Industries instala y da servicio a sistemas mecánicos, de plomería y eléctricos para edificios comerciales en Texas: hospitales, centros de datos, universidades, laboratorios. El problema del sitio no era de falta de contenido sino de exceso: cinco servicios, siete familias de producto y ocho industrias atendidas, todo del mismo peso y sin un orden evidente.

La solución fue separar en tres preguntas distintas lo que estaba mezclado en una sola lista. Qué hacen —los servicios—, con qué lo hacen —los productos y soluciones— y para quién —las industrias—. Cada bloque usa tarjetas del mismo tamaño para que la retícula no sugiera que una opción vale más que otra, y la foto de cada tarjeta es de un trabajo real de la empresa.

La interfaz es clara a propósito: fondo casi blanco, un azul de acento heredado del logotipo, un menú flotante redondeado que no compite con el contenido y mucho aire entre secciones. La portada se quedó con lo mínimo —el nombre, una línea de qué hacen y dos botones— porque quien llega ahí ya sabe qué busca.

Aparte de la portada larga se diseñó una versión corta de aterrizaje, para las campañas donde el visitante viene por un servicio concreto. Es uno de los sitios que hice desde cero durante mis prácticas profesionales en Galaxy Technology, prototipado en Figma.

Proceso

La portada: nombre, una línea de qué hacen y dos botones. Nada más.
La portada: nombre, una línea de qué hacen y dos botones. Nada más.
Los cinco servicios, con foto de trabajos propios en vez de banco de imágenes.
Los cinco servicios, con foto de trabajos propios en vez de banco de imágenes.
Siete familias de producto en tarjetas del mismo tamaño, para que ninguna pese más que otra.
Siete familias de producto en tarjetas del mismo tamaño, para que ninguna pese más que otra.
La página de los socios. En este sector la trayectoria de quien firma es parte del argumento.
La página de los socios. En este sector la trayectoria de quien firma es parte del argumento.
Contacto y pie de página, con el índice completo del sitio a la vista.
Contacto y pie de página, con el índice completo del sitio a la vista.