SaaS / MarTech / Marketing Automation & CDXP

Connectif

"Redefiniendo el Smart Marketing a través del Diseño"

Rol

Dirección Creativa, Estrategia de Marca & Product Design (UI/UX)

01. El Reto

Humanizar el Dato y la Automatización

El mercado de las plataformas de Marketing Automation y CDXP (Customer Data Experience Platform) suele pecar de una estética excesivamente técnica, fría y compleja. Los competidores se presentan como hojas de cálculo glorificadas o sistemas de ingeniería ininteligibles.

El reto para Connectif era mayúsculo: ¿Cómo visualizamos lo invisible? Necesitábamos transformar una herramienta de ingeniería de datos compleja en una marca aspiracional, ágil y, sobre todo, empoderadora para el "marketer". El objetivo no era solo hacer un rebranding estético, sino construir un Sistema de Diseño Global que unificara la identidad corporativa con la experiencia de usuario (UI/UX) de la propia plataforma, eliminando la fricción entre la promesa de la marca y el uso del producto.

02. Concepto Creativo

"The Flow of Connection"

La estrategia conceptual nace de la funcionalidad core del producto: los Workflows. Connectif no es un contenedor estático de datos; es un organismo vivo donde la información fluye, se conecta y reacciona en tiempo real.

El concepto "The Flow of Connection" (El Flujo de la Conexión) se basa en la idea de que cada punto de contacto con el cliente es un nodo de energía. La marca visual debe representar esa agilidad cinética. No diseñamos pantallas estáticas, diseñamos flujos de comportamiento. La identidad visual se convierte en una metáfora del "cerebro" del marketer: lógico, conectado, pero vibrante y creativo.

03. Desarrollo Gráfico

Branding y Justificación

El Logotipo: El Puente de Datos

La construcción del símbolo parte de una geometría elemental: el arco o semicírculo. Esta forma (una abstracción de la "C" de Connectif) actúa visualmente como un imán o un puente. Representa la capacidad de la plataforma para unificar (conectar) canales dispersos en un solo lugar. Su solidez en la base evoca estabilidad, mientras que su curvatura sugiere dinamismo y alcance global.

Tipografía Corporativa: Nexa

Para los titulares y la marca, seleccionamos Nexa en sus pesos Bold y Heavy. Su construcción geométrica pura aporta una modernidad tecnológica innegable, pero sus terminaciones limpias aseguran que la marca se sienta accesible y no intimidante.

Cromatismo: La Energía del "Dynamic Blue"

Rompimos con el azul corporativo estándar del sector tecnológico para crear el "Dynamic Blue", un azul eléctrico y vibrante (con matices de gradiente hacia el cian) que simboliza la inteligencia artificial y la velocidad de procesamiento.

Paleta Secundaria: Para representar la omnicanalidad, introdujimos una gama cromática rica (Magenta, Amarillo Solar, Cian, Violeta). Estos colores no son decorativos; tienen una función semántica: codifican los diferentes canales (email, web, móvil) y estados dentro de la interfaz, aportando un ritmo visual lúdico que reduce la carga cognitiva del usuario.

04. Sistema de Diseño Digital

UI/UX y Web de Conversión

Tipografía de Interfaz: Fira Sans

Para el cuerpo de texto y la UI, migramos a Fira Sans. Una tipografía humanista, optimizada para pantalla, con una gran altura de x y apertura de caracteres. Esto es crítico en una plataforma rica en datos y dashboards, donde la legibilidad a tamaños pequeños (botones, tooltips, etiquetas) es vital para la usabilidad.

Visualización del Producto: SaaS in Action

En el diseño web, huimos de la fotografía de stock genérica. La dirección de arte se centró en ilustrar la interfaz real de manera estilizada.

  • Abstracción de Workflows: Creamos un lenguaje gráfico de "nodos y conectores" que flota sobre el contenido. Esto educa al usuario sobre el funcionamiento "drag & drop" de la herramienta antes incluso de que solicite una demo.
  • Módulos y Tarjetas: La web se estructura mediante un sistema de tarjetas modulares con sombras suaves y bordes redondeados, replicando la sensación de estar ya dentro de la aplicación.

Iconografía y Elementos Gráficos

Desarrollamos una familia de iconos propios, sólidos y coloridos, que sintetizan conceptos abstractos como "Segmentación", "Inteligencia Artificial" o "Omnicanalidad". El uso de formas geométricas flotantes (círculos, triángulos, tramas de puntos) refuerza la identidad de una marca que construye orden a partir del caos de los datos.

Galería del Proyecto
05. Resultado

Tecnología Humanizada

Este proyecto posiciona a Connectif no como un proveedor de software más, sino como el líder de una nueva categoría. Hemos logrado una identidad que respira "Tecnología Humanizada": suficientemente robusta para convencer al CTO por su arquitectura de datos, pero suficientemente vibrante y amigable para enamorar al CMO y al equipo de marketing que la usará cada día.

Hemos transformado la complejidad técnica en una experiencia visual fluida, coherente y escalable.

base44
Edit with Base44