Prototipos interactivos del recorrido de compra en Bonddin — desde el chat de WhatsApp hasta el comparativo, la adjudicación y la recompra. Cada animación avanza con clics sobre la pantalla y expone controles de reproducción.
Recorrido completo dentro de la web app, del lado del comprador: levantar el requerimiento con Bondo, invitar proveedores, comparar propuestas, aprobar, emitir la OC y cerrar el ciclo con recompra y radar de mercado.
Las mismas etapas del journey contadas desde el móvil, dentro de un frame de iOS con WhatsApp. Cada clic sobre el teléfono avanza un paso de la conversación.
WhatsApp de escritorio: el comprador conversa con Bondo, responde por texto y nota de voz, y el agente devuelve el link al requerimiento listo para revisar y publicar. Se reproduce sola de principio a fin.
Archivos de lienzo sin contenido, incluidos para no perder el estado del prototipo original. No hay nada que reproducir en ellos.
support.jsRuntime dc compartido por todas las animaciones. Carga React desde unpkg, así que se necesita conexión a internet.ios-frame.jsxComponente del marco de iPhone que usan las escenas móviles.uploads/Imágenes, capturas y video de referencia usados por los prototipos.Las animaciones necesitan servirse por HTTP: al abrirlas con doble clic desde el disco, el runtime no siempre puede cargar sus dependencias.
Desde la raíz del repo, levantar un servidor estático y abrir
http://localhost:8700:
python3 -m http.server 8700