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:

  1. Wireframing

  1. Wireframing

10. Prototype

10. Prototype

The Runner's Journey

El recorrido del usuario

  1. 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!