3. AI-Augmented Strategic Discovery
3. AI-Augmented Strategic Discovery
3. Descubrimiento Estratégico Aumentado por IA
I used Artificial Intelligence as an iteration engine to process internal research and customer surveys.
Utilicé Inteligencia Artificial como un motor de iteración para procesar la investigación interna y las encuestas de usuarios.
ProximBusiness Refinement: I iterated on the subscription model through data analysis, defining free-tier thresholds to maximize initial retention.
Feature Ideation: I utilized AI to generate usage scenarios and "edge cases," helping the client visualize the complexity of user-generated events versus administrator-led events.
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. The Challenge
1. The Challenge
1. El Reto
Drafting is a social platform designed to connect people through shared interests, specifically running, using sport as a catalyst for social interaction in a safe environment.
The core challenge was designing a scalable MVP based on a Freemium model. I had to structure a seamless experience that balanced free access (2 runs/month) with clear incentives for the premium subscription (unlimited runs and user-led event creation). Since there were no prior visual assets or design systems, the goal was to build a robust functional interface that would define the brand's aesthetic DNA directly through the product's UI.
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. My Role
2. My Role
2. Mi rol
Product Designer Lead (End-to-End). Responsible for information architecture, visual system, and the operational logic of the entire ecosystem (User App and Admin Control Panel)
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. Trust and Safety Protocol (Geofencing)
5. Trust and Safety Protocol (Geofencing)
5. Protocolo de Confianza y Seguridad (Geofencing)
Proximity-Based Validation: The "Check-in" interface is activated exclusively via geolocation and specific time windows near the event.
Community Safety: Only physically verified attendees are suggested by the app post-event, ensuring that social connections stem from real and secure interactions.
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.
I designed a physical attendance verification flow to mitigate the friction of meeting strangers in the real world:
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. Operations and Launch Management (Admin Panel)
7. Operations and Launch Management (Admin Panel)
7. Gestión de Operaciones y Lanzamiento (Admin Panel)
MVP Geofencing: The panel allows administrators to define and coordinate the specific geographic test area within the city for the initial launch.
Conversion Metrics: Dashboard to monitor premium subscription percentages and evaluate the freemium model's effectiveness in real-time.
Event Logistics: Tools for creating official runs and coordinating "After Event Points."
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".
I designed a robust administration console focused on Pilot Launch (MVP) control:
Diseñé una consola de administración robusta enfocada en el control del Lanzamiento Piloto (MVP):

6. Retention Cycle (Social Loop)
6. Retention Cycle (Social Loop)
6. Ciclo de Retención (Social Loop)
To boost LTV (Lifetime Value), I implemented a post-event strategy where the app facilitates networking. Once the run ends, a window of opportunity opens to start a chat with other verified runners, transforming an isolated physical activity into a recurring community habit.
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.



Before Event / Check In Geofencing


AfterEvent / Social loop
8. Information Architecture & User Flow
8. Information Architecture & User Flow
8. Arquitectura de Información y Flujo de Usuario
How the Admin Panel and Mobile App synchronize to ensure a safe and verified
social experience.
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
The event is created
Se crea el evento
Check In
the day of
the event
El día
del evento
Run the race
Corre la
carrera
outside
the app
fuera de
la app
Connect with
attendees through
the app.
Conecta con asistentes
mediante la app
Select a race on
the dashboard
Selecciona un evento
en el dashboard
Remote event check
Chequeo remoto
del evento
4. Visual Identity and Scalability (Design System)
4. Visual Identity and Scalability (Design System)
4. Identidad Visual y Escalabilidad (Design System)
I established the digital product's visual identity using a Product-First approach.
Establecí la identidad visual del producto digital utilizando un enfoque Product-First.
Visual Foundations: Defined a color palette and typography centered on legibility and athletic dynamism.
System Design: Created a modular UI Kit that ensured visual consistency across all app and panel views, optimizing the handoff for the development team.
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
Dual Ecosystem: Mobile App & Admin Control Panel
Strategy and design for running communities
Strategy and design for running communities
Drafting:
Drafting:

Wireframing
Wireframing







10. Prototype
10. Prototype
The Runner's Journey
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
The Admin experience
La experiencia del Administrador



Admin Panel
User Profile
Thanks!
¡Gracias!