3. Descubrimiento Estratégico Aumentado por IA
Utilicé Inteligencia Artificial como un motor de iteración para procesar la investigación interna y las encuestas de usuarios.
Refinamiento de Negocio: Iteré sobre el modelo de suscripción mediante el análisis de datos, definiendo los umbrales del nivel gratuito para maximizar la retención inicial.
Ideación de Funcionalidades: Utilicé IA para generar escenarios de uso y "casos de borde" (edge cases), ayudando al cliente a visualizar la complejidad de los eventos generados por los usuarios frente a los eventos dirigidos por administradores.
1. El Reto
Drafting es una plataforma social diseñada para conectar a las personas a través de intereses comunes, específicamente el running, utilizando el deporte como un catalizador para la interacción social en un entorno seguro.
El desafío principal fue diseñar un MVP escalable basado en un modelo Freemium. Tuve que estructurar una experiencia fluida que equilibrara el acceso gratuito (2 carreras al mes) con incentivos claros para la suscripción premium (carreras ilimitadas y creación de eventos por parte de los usuarios). Dado que no existían activos visuales ni sistemas de diseño previos, el objetivo fue construir una interfaz funcional robusta que definiera el ADN estético de la marca directamente a través de la UI del producto.
2. Mi rol
Product Designer Lead (End-to-End). Responsable de la arquitectura de información, el sistema visual y la lógica operativa de todo el ecosistema (App de Usuario y Panel de Control de Administración).
Onboarding
5. Protocolo de Confianza y Seguridad (Geofencing)
Validación Basada en Proximidad: La interfaz de "Check-in" se activa exclusivamente mediante geolocalización y ventanas de tiempo específicas cerca del evento.
Seguridad Comunitaria: Solo los asistentes verificados físicamente son sugeridos por la aplicación post-evento, asegurando que las conexiones sociales surjan de interacciones reales y seguras.
Diseñé un flujo de verificación de asistencia física para mitigar la fricción de conocer a extraños en el mundo real:
7. Gestión de Operaciones y Lanzamiento (Admin Panel)
Geofencing del MVP: El panel permite a los administradores definir y coordinar el área de prueba geográfica específica dentro de la ciudad para el lanzamiento inicial.
Métricas de Conversión: Dashboard para monitorear los porcentajes de suscripción premium y evaluar la efectividad del modelo freemium en tiempo real.
Logística de Eventos: Herramientas para crear carreras oficiales y coordinar los "After Event Points".
Diseñé una consola de administración robusta enfocada en el control del Lanzamiento Piloto (MVP):
Before Event / Check In Geofencing
AfterEvent / Social loop
6. Ciclo de Retención (Social Loop)
Para potenciar el LTV (Lifetime Value), implementé una estrategia post-evento donde la aplicación facilita el networking. Una vez que termina la carrera, se abre una ventana de oportunidad para iniciar un chat con otros corredores verificados, transformando una actividad física aislada en un hábito comunitario recurrente.
8. Arquitectura de Información y Flujo de Usuario
Cómo el Panel de Administración y la Aplicación Móvil se sincronizan para asegurar
una experiencia social segura y verificada.
Happy Path
User
Admin
Se crea el evento
Check In
El día
del evento
Corre la
carrera
fuera de
la app
Conecta con asistentes
mediante la app
Selecciona un evento
en el dashboard
Chequeo remoto
del evento
4. Identidad Visual y Escalabilidad (Design System)
Establecí la identidad visual del producto digital utilizando un enfoque Product-First.
Fundamentos Visuales: Definí una paleta de colores y tipografía centrada en la legibilidad y el dinamismo deportivo.
Diseño de Sistemas: Creé un UI Kit modular que garantizó la consistencia visual en todas las vistas de la aplicación y del panel, optimizando el handoff para el equipo de desarrollo.
Buttons
*button-primary-default
Primary Button
Hover Button
*button-primary-hover
disabled
*button-primary-disabled
secondary
*button-secondary-outline
with icon
*button-primary-icon
*brand-primary
*action-primary-default
*surface-inverse
*text-accent
#F8FF73
*surface-background
*text-on-action
#151823
*text-primary
#F5F5F5
*text-secondary
#7F8494
*brand-secondary
*action-primary-hover
#757300
Color palette
Dual Ecosystem: Mobile App & Admin Control Panel
Strategy and design for running communities
Drafting:
Wireframing
10. Prototype
El recorrido del usuario
Onboarding
B. Home
E. Event Flow
During event
Join the event
After event
D. Chat
C. Profile
My profile
Friend profile
La experiencia del Administrador
Admin Panel
User Profile
¡Gracias!