Funnely

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.

El sistema de diseño incluyó un total de 1.057 tokens y más de 50 componentes, cada uno creado con sus propiedades y variantes. La mayoría de componentes se diseñaron para adaptarse a todos los colores de la marca, lo que permitió lograr una interfaz coherente en cada etapa del funnel de conversión. Basado en la metodología Atomic Design, el sistema desempeñó un papel clave para que la creación de la interfaz de usuario fuera más rápida, más coherente y totalmente escalable a medida que el producto crecía.

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.