Nota: El nombre del cliente y los detalles que lo identifican (nombre de la empresa, dominio, nombres reales de clientes mencionados en los resultados) se reservan a petición suya. El trabajo descrito abajo es real y proviene de los registros del proyecto. Algunas imágenes de este caso de estudio están recreadas o adaptadas en lugar de ser originales sin editar, específicamente donde un original expondría detalles reservados a petición del cliente. Las piezas de aplicación que se describen abajo no se muestran, por el mismo motivo.
El problema real
Me contrataron para mejorar los visuales de la empresa. A los pocos días quedó claro que no había nada que mejorar: la identidad era anterior a la estructura actual del negocio, estaba armada en buena parte con elementos de stock, y una sola persona cargaba con el marketing, el diseño y la web de las siete divisiones.
El problema de fondo era que esas siete divisiones tenían que leerse como una sola marca sin perder su identidad propia. Lo resolví con una variación del logo principal que cambia de color según la división: primero se reconoce la matriz, después la línea de producto. Esa misma lógica se traslada al sitio.
El símbolo es un hexágono por lo que ya significa en esta industria: nodos y topología de red, distribución de carga, resistencia estructural. Una de las referencias que me dieron fue un Lamborghini, por el patrón hexagonal de las ruedas, y ese hilo llegó hasta el azul primario de la paleta. La construcción completa quedó documentada en un manual de marca listo para producción.
El sistema tuvo que probarse fuera de la pantalla, que es donde una identidad se cae. Con él produje los flyers y las piezas impresas, los banners de gran formato, las etiquetas de producto ESL, los decks de ventas bilingües, las newsletters en HTML, la librería de firmas de email, la rotulación de un vehículo y el diseño del stand para una feria del sector. Cada pieza es una prueba distinta: a escala de feria, en un vehículo en movimiento, en una etiqueta física, en la bandeja de entrada de alguien.
El sitio lo construí en Astro con Tailwind, con el contenido estructurado por división para que los mismos datos alimenten la portada, cada división y cada producto sin duplicar nada a mano. Es bilingüe y con modo claro y oscuro sin recargar la página, e integrado al CRM que ya usaba la empresa, para que una consulta entre al pipeline de ventas en lugar de morir en un formulario.
Tecnologías
- Framework: Astro
- Estilos: Tailwind CSS
- Herramientas de diseño: Figma, Adobe Illustrator
- Integraciones: CRM de la empresa, newsletter en HTML
- Áreas de enfoque: Identidad de marca, sistema de submarcas, UI/UX bilingüe, implementación front-end
