Funnely es una plataforma de lifecycle customer que ayuda a empresas a encontrar, activar, retener y reactivar clientes a través de campañas automatizadas, triggers inteligentes y reportes en tiempo real.
Product design
Design system
Web design
El desafío consistía en diseñar, dentro de una única plataforma, toda la experiencia del ciclo de vida del cliente, desglosada en cada etapa del embudo: adquisición, activación, retención y pérdida de clientes (churn). Cada etapa del embudo está representada por un color del logo diferente, lo que crea una identidad de marca cohesiva y unificada a lo largo de todo el trayecto.
Sistema de diseño
El desafío fue crear un sistema de diseño que abarcara todas las plataformas digitales del Cesde. Basado en la identidad de marca de la institución, comencé a definir cada capa de token para estandarizar el sistema y lograr consistencia y escalabilidad en los componentes. Creé un total de 409 tokens, todos configurados con variables de Figma.
Diseño UI de la plataforma
En total, el proyecto incluyó cerca de 100 pantallas que abarcaban las secciones de adquisición, activación, retención y pérdida de usuarios. A cada sección se le asignó su propio color, tomado directamente del sistema de identidad de la marca. Esto no fue solo una elección visual, sino que cumplió un doble propósito: en primer lugar, ofrecer a los usuarios una comprensión intuitiva y rápida de dónde se encontraban exactamente en la plataforma y qué acciones estaban realizando; y, en segundo lugar, reforzar el reconocimiento de la marca en cada punto de contacto.
Landing page
El proyecto concluyó con una landing page para comunicar la oferta de valor de la plataforma al instante, sin necesidad de largas explicaciones. Para lograrlo, llegué a la idea con el cliente de diseñar un prototipo interactivo directamente en la sección principal (hero) en Webflow, permitiendo a los visitantes experimentar cómo funciona la plataforma a los pocos segundos de llegar a la página.
Para dar vida a otros features de la plataforma, diseñé animaciones interactivas que transforman los beneficios estáticos en algo que los visitantes realmente pueden sentir y experimentar.
Diseñada en Figma y construida en Webflow, la landing page está hoy en versión beta, una base flexible que evoluciona junto con el producto a medida que este sigue creciendo.
