Consejos para crear demos de nivel S-tier

• Las demos son un factor decisivo que puede definir si un proyecto se lanza o si una startup consigue inversión, pero la mayoría de los desarrolladores prefieren construir antes que presentar, así que no invierten en mejorar su capacidad para hacer demos
• Tras observar varias demos, se encontraron patrones que aparecen en las demos de más alto nivel, y eso se organizó en 24 consejos
• La estructura básica es definir un solo mensaje clave que la audiencia vaya a recordar y enfocar todos los elementos en eso, abordándolo no como un recorrido del producto sino como un pitch
• Conviene empezar con una molestia compartida con la que toda la audiencia se identifique, y generar involucramiento con lenguaje de "tú" y comparaciones en vivo frente a la forma tradicional
• La clave es convertirla en una demo activa, usando energía, datos reales, visuales y elementos divertidos

---

Estructura básica (The basic structure)

• 1. Define un mensaje clave que quieres que recuerden y coloca todos los elementos de la demo a su alrededor; normalmente, el centro es el problema que buscas resolver y cómo lo resuelves
• 2. Entra en lo importante lo más rápido posible; no hace falta explicar el trasfondo de la idea, y si se necesita contexto, limítalo a 1 o 2 frases
• 3. Trata la demo como un pitch, no como un tour del producto; el objetivo no es presumir algo genial que construiste, sino entusiasmar a la audiencia
• 4. Termina con un cierre accionable de inmediato; puede ser algo directo como un código QR, o una invitación a contribuir o hacer preguntas
  • Un equipo que creó un sistema para interactuar con PostHog desde una app de mensajería mostró un número de teléfono en la diapositiva final
  • El equipo de MCP Analytics anunció que su proyecto ya había sido desplegado al 25% de los usuarios de PostHog; lanzar antes de la demo produce un gran efecto de "wow"

Tácticas de storytelling (Storytelling tactics)

• 5. Empieza con una molestia compartida que toda la audiencia entienda
  • Un equipo de diseñadores que creó una web app para etiquetar e indexar ilustraciones automáticamente preguntó qué tan difícil era encontrar un erizo específico dentro de un archivo caótico de Figma llamado "Hoggies", y todos levantaron la mano
• 6. Usa conceptos familiares para explicar uno nuevo; el equipo que implementó Claude Cowork dentro de PostHog Code llamó a su proyecto "PostHog Work"
• 7. Crea una app de demo separada, especialmente al mostrar herramientas para desarrolladores
  • Una herramienta para desplegar agentes que prueban interfaces manualmente solo se entendió de verdad cuando la mostraron en una app de demo aparte llamada "OnlyHogs"
• 8. Usa lenguaje de "tú" para colocar a la audiencia en la perspectiva correcta; en vez de decir "hicimos una app para gestionar tickets de soporte", di "imagina que estás de guardia y tratas de resolver 6 incidentes al mismo tiempo"
• 9. Haz una comparación en vivo con alternativas, mostrando lado a lado un flujo de trabajo tradicional doloroso de 6 pasos frente a una versión de 1 paso, para dar un punto de referencia
• 10. Deja cómo funciona para después; igual que un mago no revela el truco, no expliques al inicio cómo está implementado, y un video explicativo o enlace a un blog puede ser un buen CTA final

Preparación y entrega (Setup and delivery)

• 11. Proyecta mucha energía, como Steve Ballmer; muchas grandes demos son simplemente demos decentes hechas por alguien con muchísima energía
• 12. No te disculpes; decir "perdón, todavía está medio verde" baja las expectativas antes de que la gente vea nada, así que mejor solo empieza
• 13. Deja claro cuándo terminaste, para evitar el momento incómodo de no saber cuándo aplaudir; usa una frase de cierre, una entonación descendente o un visual de celebración
• 14. Usa una checklist de preparación para los dioses de las demos
  • Usa un proyecto de demo, no una cuenta real con datos de clientes
  • Desactiva las notificaciones de la laptop y pon el celular en silencio
  • Ten la URL de la demo en marcadores en vez de escribirla al momento
  • Prepara un plan B por si falla el WiFi (capturas de pantalla de respaldo)
  • Amplía el navegador al 125~150% para que también se lea desde atrás
  • Prueba el proyector antes de que llegue la gente
• 15. Usa datos reales siempre que puedas; los datos obviamente falsos se ven pobres
  • El equipo de HogNet, al mostrar un servicio de renta de hackathon-in-a-box, creó un sitio web con precios y logística de envío, que se veía mucho más realista que usar lorem ipsum
• 16. Precarga y cachea todo lo que puedas; igual que un chef de TV deja listos los ingredientes, hay que eliminar tiempos muertos causados por respuestas de agentes, consultas largas o builds lentos
• 17. Practica en voz alta al menos una vez, para ganar confianza y presentar de forma más natural
• 18. No dejes que el perfeccionismo bloquee tu demo; en un hackathon se presenta incluso lo que sigue en progreso, porque las demos existen precisamente para trabajos incompletos

Hazlo divertido (Make it fun)

• 19. Evita mostrar código común y corriente; aunque no haya UI, eso no justifica omitir visuales, y un diagrama de arquitectura se puede generar en segundos
• 20. Tampoco te limites a mostrar diapositivas comunes y corrientes; una demo activa siempre gana, porque el corazón de una demo es mostrar algo construyéndolo directamente
• 21. Las herramientas básicas de grabación de pantalla se quedan cortas, así que conviene usar apps como Screen Studio que añaden zoom y animación
• 22. Los visuales no tienen que ser bonitos; basta con resaltar lo importante, y hasta un gráfico simple puede aportar si cada llamada de atención entrega información útil
• 23. El audio está subestimado; un equipo generó una narración estilo sea shanty, y un proyecto de llamadas de investigación de usuarios con IA hizo una demo completamente solo de audio
• 24. Ponte más raro (Do more weird); el equipo de la app móvil de PostHog Code puso de fondo un video no solicitado de una piña colada, y terminó siendo la demo más memorable

[aliveornot]

El contenido está bueno.