Lideré el rediseño de identidad visual y plataforma web para proyectar una capacidad técnica de alto nivel, optimizando la captación de leads en el sector de infraestructura eléctrica.
Alcance
Responsable de la creación de identidad de marca, diseño y desarrollo de la pagina web
Rol
Lead Product Designer & Brand Strategist
Stack
Astro, Tailwind CSS, JavaScript, TypeScrit, Photoshop, Figma.
Enfoque Estratégico
- El Desafío: En un sector donde la confianza técnica lo es todo, la marca carecía de una presencia digital que respaldara su trayectoria operativa. El reto era transformar una imagen obsoleta en un ecosistema profesional capaz de competir en licitaciones de gran escala.
- Logro Clave: Creación de un sistema visual escalable que redujo la fricción en el proceso de ventas, proyectando una solidez técnica que aumentó la percepción de confianza de los stakeholders.
Ejecución
Desarrollé un proyecto integral que unificó el Manual de Marca con una Plataforma Web de alto rendimiento.
- Sistemas Visuales: Definí la paleta cromática (Azul Industrial y Gris Técnico), sistema tipográfico y lineamientos de uso del logotipo para consolidar una identidad moderna y coherente.
- Ingeniería de Software: Implementé el sitio utilizando Astro y Tailwind CSS, logrando una plataforma ultra-ligera, SEO-friendly y optimizada para la experiencia del usuario (Core Web Vitals).
UX Insights
💡
Ubique estratégicamente los logos de aliados y clientes inmediatamente después del hero, validando la autoridad de WT Ingelec antes de que el usuario comience a leer los servicios.
💡
CTA (Call to Action): Cambie los botones genéricos por llamadas a la acción directas como 'Contáctanos', enfocadas en cerrar el ciclo de venta desde el primer scroll.
💡
Se implemento un sistema de tarjetas con iconografía técnica lineal para facilitar el escaneo visual rápido. Cada tarjeta actúa como un punto de entrada directo a soluciones específicas, reduciendo la carga cognitiva del usuario.
💡
En lugar de una lista de servicios estática, incluimos un carrusel de éxitos reales. Esto transforma la percepción de la empresa: no solo 'hacen el trabajo', sino que 'entregan resultados comprobados' en empresas como Constructora Bolivar o Grupo Sanitex.
💡
La sección de 'Casos de Éxito' genero una retención de usuarios de un 80% durante las pruebas beta, ya que valida la experiencia real en el sector.
💡
La inclusión del área de contacto con una imagen humana (el ingeniero señalando el formulario) busca romper la frialdad industrial y generar cercanía, facilitando la conversión del lead.
Impacto y Conversión
- Retención: La sección de 'Casos de Éxito' generó una retención de usuarios del 80% durante las pruebas beta, validando la experiencia real en el sector.
- Psicología de Conversión: La inclusión de una figura humana (ingeniero) en el área de contacto busca romper la frialdad industrial, humanizando la marca y facilitando la conversión del lead.
- Microcopy Estratégico: Sustituí botones genéricos por CTAs directos como "Contáctanos", enfocados en cerrar el ciclo de venta desde el primer scroll.
Lecciones Aprendidas
El mayor aprendizaje de este proyecto fue entender que en el sector industrial, la estética debe servir a la funcionalidad. No diseñamos para que se vea "bonito", diseñamos para que un gerente de proyectos sienta que WT Ingelec es la opción más segura y profesional para su infraestructura.