LeadFlow

Cliente: Autoencargo
Servicio: Prototipado UX/UI en Figma
Año: 2025

Descripción del proyecto

Leadsflow es una propuesta de solución digital centrada en la gestión eficiente de leads generados a través de campañas publicitarias. El proyecto surgió como respuesta a un problema común en marketing digital: la dispersión, falta de trazabilidad y poca claridad en el seguimiento de contactos potenciales, especialmente en campañas multicanal.

Este trabajo consistió en el diseño completo de un prototipo funcional en Figma, enfocado en resolver los cuellos de botella que experimentan equipos de marketing y ventas al gestionar grandes volúmenes de leads. No se desarrolló la plataforma, pero el prototipo está diseñado para ser directamente implementable en etapas posteriores de desarrollo.

Objetivo del prototipado

El objetivo principal fue diseñar una interfaz clara, funcional y escalable para centralizar y gestionar leads de forma ordenada, con flujos pensados para distintos perfiles de usuario (marketers, gestores de campañas, equipos comerciales). Los objetivos clave fueron:

Centralizar la recepción de leads desde múltiples fuentes (formularios, landing pages, anuncios).
Facilitar la clasificación, asignación y seguimiento de leads en tiempo real.
Diseñar un sistema de filtros, etiquetas y etapas del funnel de conversión.
Crear una experiencia visual profesional, clara y fácil de escalar a una plataforma real.

Enfoque de diseño

El concepto central fue “flujo sin fricción”: un diseño que permitiera visualizar, priorizar y actuar sobre los leads de forma ágil, sin perder contexto ni tiempo. La interfaz se inspira en herramientas CRM, pero simplificada y optimizada para la gestión temprana del lead (antes de su conversión en cliente).

Se trabajó con estructuras limpias, alto contraste y jerarquía visual clara. El prototipo se diseñó con componentes reutilizables y autoadaptables en Figma, lo que permite escalar funcionalidades sin comprometer la consistencia visual.

Elementos clave del prototipo

🧭 Arquitectura de información
El dashboard centraliza la recepción de leads, con vistas segmentadas por campañas, estados del lead y responsables asignados. Se diseñó una estructura basada en columnas tipo Kanban para facilitar el seguimiento por etapas.

📱 Wireframes y diseño UI
Desde wireframes de baja fidelidad hasta pantallas finales en alta fidelidad. El diseño prioriza la lectura rápida de información clave: nombre del lead, canal de entrada, puntuación, fecha de contacto y estado.

🔧 Componentes en Figma
Se desarrolló un sistema de diseño modular: inputs, tablas, tags, paneles de estado, filtros, botones de acción y componentes interactivos. Todo construido con auto-layout, variantes y buenas prácticas de diseño escalable.

📈 Flujos y prototipo navegable
El prototipo en Figma incluye interacciones simuladas: desde el registro de un nuevo lead, hasta su clasificación y asignación. Se prototiparon pantallas para añadir comentarios, mover leads de etapa y aplicar filtros avanzados.

Aplicaciones del prototipo

Este prototipo fue creado como una base funcional y visual para un futuro desarrollo de la plataforma. Sus aplicaciones incluyen:

Validación de experiencia con potenciales usuarios (early adopters del sector marketing).
Herramienta para presentación a inversores o stakeholders.
Guía visual para desarrolladores de frontend y backend.
Base escalable para integrar automatizaciones o flujos CRM a futuro.

Resultado

El prototipo de Leadsflow representa una solución clara y profesional para gestionar leads con eficiencia. Su diseño ha sido valorado por su usabilidad, organización y capacidad de adaptarse a equipos de distintos tamaños. Aunque no se ha desarrollado técnicamente, está planteado como un producto mínimamente viable (MVP) visual, listo para su implementación.

Mi rol en el proyecto

Este proyecto fue completamente diseñado por mí, cubriendo todas las etapas de definición, diseño y validación visual:

Investigación de problemas comunes en gestión de leads.
Benchmarking de CRMs y plataformas de marketing automation.
Arquitectura de información y definición de flujos clave.
Diseño de wireframes y pantallas finales en Figma.
Creación de sistema de diseño modular y prototipado navegable.