PROMAG
Diseñando la primera presencia digital de PROMAG a través de estrategia y desarrollo front-end.
Front-end
2026
Introducción
¿Quién es PROMAG?
PROMAG es una empresa de manufactura ubicada en Querétaro, México, fundada en 2005.
La empresa se especializa en maquinados, fabricación de prototipos y soluciones industriales para empresas del sector manufacturero.
A pesar de tener más de 20 años de experiencia y trabajar con empresas establecidas en la industria,
PROMAG no tenía sitio web ni presencia digital.
Mi rol
Front-end
Tiempo
4 Semanas
¿Por qué era importante?
El reto
Quería comprender cómo las empresas de este sector comunican sus capacidades y qué información esperan encontrar los clientes potenciales.
El análisis permitió identificar:
- Las páginas del sector industrial suelen priorizar los servicios o capacidades técnicas inmediatamente después del hero.
- Las secciones de experiencia y trayectoria son utilizadas como elemento de confianza.
- Muchas empresas del sector cuentan con sitios web con estructura poco clara y jerarquía visual limitada.
De los patrones de la industria a la identidad propia de PROMAG
Para PROMAG, quería mantener el profesionalismo y la seriedad que se esperan de una empresa industrial, al mismo tiempo que incorporaba una mayor personalidad visual y una sensación más moderna.
Mis decisiones de diseño
Organicé la landing page en siete secciones principales:
Una vez definida la arquitectura de la información, traduje la estructura en wireframes de baja fidelidad en Figma.
El propósito en esta etapa era validar:
- Jerarquía del contenido.
- Orden de las secciones.
- Flujo de información.
- Navegación.
- Ubicación de la información clave.
- Relación entre los objetivos del negocio y las necesidades de los usuarios.
Esto me permitió enfocarme primero en cómo debía funcionar la información, antes de decidir cómo debía verse.
Resultados
La información ahora está más estructurada, es más fácil de navegar y de consultar.
El resultado cualitativo fue claro:
Antes
Después
La landing page está actualmente publicada y funcional en Netlify.
Ver proyecto¿Qué aprendí?
Este proyecto reforzó la importancia de diseñar más allá de la interfaz.
El mayor desafío no fue crear secciones individuales o componentes visuales, sino decidir qué información era relevante, cuándo la necesitaban los usuarios y cómo comunicar la experiencia de PROMAG a través de un producto digital.
También me mostró la importancia de equilibrar las necesidades de los usuarios, los objetivos del negocio y las expectativas de la industria al definir una experiencia digital.