Producto · Proyecto propio (founder)
Shownaut
Software operativo para promotores de eventos en vivo en Colombia. Mi propio producto: lideré research, diseño y desarrollo completo dirigiendo un equipo de herramientas de IA, construido en 3 semanas para el Demo Day de UI for Uxers.
Resumen
Shownaut es un software operativo para promotores y organizadores de eventos en vivo en Colombia: conciertos, fiestas, showcases y festivales pequeños y medianos. No es una plataforma de ticketing ni un CRM, es la herramienta que le da a un equipo de producción una sola fuente de verdad para coordinar tareas, equipo y frentes operativos, desde la preproducción hasta el show.
A diferencia de los demás proyectos de este portafolio, acá no fui consultor de un cliente: es mi propio producto. Fui founder y product designer, y dirigí investigación, diseño, arquitectura y desarrollo completo apoyándome en un equipo de herramientas de IA. Lo construí en 3 semanas para el Demo Day de UI for Uxers, un bootcamp de product building con IA.
El problema
El usuario objetivo es el promotor-operador: entre 28 y 42 años, en Bogotá, Medellín, Cali o Barranquilla, liderando equipos de 2 a 12 personas más freelancers y proveedores. Hoy gestiona todo entre WhatsApp, Google Sheets, Drive y llamadas. Su dolor central no está en publicar el evento, está en operarlo.
Información fragmentada
WhatsApp, Sheets, Drive, llamadas, PDFs sueltos. Sin una sola fuente de verdad.
Cambios no centralizados
Contratos, riders, staff, pagos y accesos se rompen entre áreas y personas.
Show day depende de uno
El promotor responde todo en tiempo real porque nadie más tiene visibilidad completa.
Cierre lento y disperso
Después del show, reconstruir pagos y pendientes desde chats y recuerdos toma demasiado tiempo.
Yo no necesito otra app bonita para crear eventos. Necesito saber qué falta, quién lo tiene, qué cambió y qué se está rompiendo en este momento.
Mi rol: dirigir un equipo de IA
El product designer de hoy no solo diseña pantallas. Dirige un equipo, y ese equipo son agentes de IA.
Construí Shownaut de punta a punta: research, arquetipo de usuario, decisiones de producto, arquitectura de información, sistema visual, y desarrollo completo del código. Mi rol dejó de ser solo diseñar pantallas para pasar a coordinar un equipo completo, con la diferencia de que ese equipo eran agentes de IA, cada uno con una tarea específica.
Herramientas y su rol
Proceso: 3 semanas, 4 fases
Investigación
Research de mercado con Perplexity, arquetipos con ChatGPT, definición del problema y del usuario.
Diseño
UI con Google Stitch, prototipado con Pencil.dev + MCP, sistema visual de Shownaut.
Maquetación
Estructura de pantallas con Claude Chat, arquitectura de información, flujos de usuario.
Desarrollo
Next.js 14 App Router + Supabase, IA integrada con Groq, auth, onboarding, tareas, frentes y documentos.
Stoppers y resoluciones
El ojo de diseñador en modo desarrollo
Tener background de product designer genera muchas iteraciones, cada detalle importa, pero el tiempo es limitado. La tensión entre perfección y velocidad fue constante.
Separar claramente fases de diseño y desarrollo. Congelar la UI antes de codificar, una vez en código, no se toca el diseño hasta terminar la feature.
Límite de tokens de Claude Code
Las conversaciones largas consumen contexto. El agente pierde track de decisiones anteriores, arquitectura, convenciones, base de datos, y empieza a contradecirse.
Sesiones cortas y enfocadas. Memory files para persistir contexto entre sesiones. Auditorías de código periódicas para re-sincronizar al agente con el estado real del proyecto.
Orquestar múltiples herramientas de IA
Cada herramienta tiene sus reglas, limitantes y fortalezas. Crear un workflow sin fricciones tomó varias iteraciones, sobre todo la transición diseño → código.
Definir claramente qué hace cada herramienta: Perplexity para research, ChatGPT para síntesis, Stitch para UI, Claude Code para dev. Sin solaparse.
Aprendizajes
Scope más amplio
De diseñador de pantallas a product lead que coordina investigación, diseño, maquetación y desarrollo completo. El rol cambió.
Eficiencia sobre perfección
Con tokens limitados, priorizar es una habilidad crítica. No todo puede iterarse infinitamente, el criterio editorial importa tanto como el técnico.
Profesional más integral
Entender el stack completo, desde el research hasta el deploy, cambia cómo piensas el producto y lo que asumes como posible.
El producto
El MVP resuelve una sola cosa: que el promotor vea las tareas de su evento organizadas por frente, sin tener que crearlas todas desde cero. La IA recibe el tipo de evento y genera automáticamente un set de tareas organizadas por frente operativo. La IA sugiere, el promotor decide: nada de lo generado es permanente hasta que él lo valida.
Flujo: crear evento
Elige el tipo de evento: concierto, fiesta, showcase o festival.
Registra los datos del evento: nombre, ciudad, venue y fecha.
La IA genera automáticamente los frentes y tareas típicas para ese tipo de evento.
El evento queda listo para operar: el promotor edita, elimina y asigna responsables.
8 features en producción
Auth completo
Signup, login y confirmación de cuenta.
Onboarding
Flujo distinto para promotor y para colaborador invitado.
Creación de eventos con IA
Genera la estructura operativa a partir del tipo de evento.
Frentes operativos
Producción técnica, marketing, logística, administración.
Tareas
Encargado, fecha límite, notas y estado.
Adjuntos y documentos
Archivos y documentos ligados a cada tarea.
IA asistente por evento
Chat con visibilidad de todos los frentes del evento activo.
Invitaciones al equipo
Sistema de invitación de co-promotores por correo.
Decisiones de diseño
Sin interfaz de chat para crear el evento: un formulario de 3 campos más IA en segundo plano evita el costo de API por conversación y el riesgo de jailbreak, y es más rápido y confiable que un chat.
Colectivo por evento, no una estructura permanente: refleja cómo las promotoras colombianas suelen hacer alianzas puntuales para traer artistas, sin forzar una organización que no existe en la práctica.
Lenguaje del oficio: frentes, rider, staff, no "proyectos", "tickets" ni "sprints".
Fuera de alcance en esta versión
Análisis con IA de los documentos adjuntos, y balance y cierre post-evento. Quedaron identificados para una siguiente capa, no entraron en el MVP del Demo Day.
Sistema visual
Concepto de identidad: espacial, operativo, preciso. El promotor es el astronauta que navega un entorno complejo con control total, Shownaut es su cabina de control. Referencias: Linear, Spotify, la estética de "Kygo Stole the Show". Oscuro pero cálido, técnico pero con alma cultural. Deliberadamente no una app corporativa de project management ni un dark mode genérico.
Paleta, dark first
Tipografía
DM Sans para toda la interfaz. DM Mono reservado solo para datos técnicos y metadatos, tokens, fechas cortas, ids, regla explícita del design system para no mezclar registros dentro de la misma pantalla.
Componentes de dominio
Cinco moléculas custom construidas sobre shadcn/ui: card de evento, barra de etapas, row de frente (con un dot de salud verde, naranja o gris), card de tarea en sus tres variantes (normal, vencida con borde izquierdo naranja, y lista con texto tachado), y el header del evento con sus cuatro capas de información.
Pantallas
El flujo core del MVP tal como quedó para el Demo Day: login, onboarding, cabina de control, creación de evento con IA, y el detalle de un frente operativo con su asistente de IA.
Login. Acceso con correo y contraseña, sin fricción adicional.
Onboarding. El promotor define si crea eventos o se une como colaborador.
Cabina de control. Dashboard de mis eventos, en curso y pasados, con acceso directo a crear uno nuevo.
Crear evento. Tres campos obligatorios y un toggle de colectivo. El tipo de evento alimenta directamente a la IA.
Resultado de la IA. Frentes generados automáticamente a partir del tipo de evento, listos para editar.
Frente operativo. Tareas con responsable, fecha y estado, la tarea vencida se marca con borde naranja.
IA por evento. Asistente conversacional con visibilidad de todos los frentes del evento activo.