Voz Hídrica | Devpost

LOGO
Publicidad

💡 Inspiración

Nuestra inspiración surgió de dos desafíos críticos: la creciente crisis hídrica en México (con un alto porcentaje de estrés hídrico y pérdidas por fugas) y la necesidad de promover la educación financiera de forma moderna. Vimos la oportunidad de unir el compromiso ESG (Ambiental, Social y de Gobernanza) de Banorte con la tecnología de IA más avanzada para crear un producto que genere un cambio de comportamiento tangible: el ahorro de agua. Nos preguntamos: ¿Qué pasaría si hacer algo bueno por el planeta te recompensa con beneficios bancarios reales?

🛠️ Cómo Construimos Voz Hídrica (How It Was Built)

Voz Hídrica es una aplicación web dinámica construida sobre una pila tecnológica moderna:

Frontend: Utilizamos React con Vite y Tailwind CSS para un desarrollo ágil y una interfaz de usuario limpia y profesional.
Lógica del Negocio: La aplicación está diseñada con una arquitectura de "Bypass" y Datos Simulados para la demo, imitando la funcionalidad real de los sistemas de gamificación, puntuación y metas de ahorro.
Integración IA Crítica (ElevenLabs y Gemini): Para el asistente Hidri, la integración se realiza a través de Supabase Edge Functions. Estas funciones actúan como un backend serverless para llamar de forma segura a la API de Google Gemini (para comprensión y respuesta) y a la API de ElevenLabs (para voz natural, cumpliendo con el reto de voz conversacional).

📈 Lo que Aprendimos

Aprendimos la complejidad de integrar múltiples APIs de IA (TTS y NLG) en un flujo conversacional coherente y cómo gestionar permisos de micrófono en un entorno de desarrollo web. También reforzamos nuestra capacidad para simular un MVP (Producto Mínimo Viable) completo y convincente con datos falsos, manteniendo un diseño coherente con la identidad de marca de Banorte.

🚧 Desafíos que Enfrentamos

El principal desafío fue la integración de la lógica de negocio con las llamadas a las Edge Functions de Supabase en tiempo récord mientras se mantenía la privacidad de las claves de API de la IA. Logramos una solución que prioriza la seguridad (a través del uso de Secrets/Keys) y la funcionalidad ininterrumpida para la experiencia del usuario.

🎯 Proyecciones de Negocio (Valor para Banorte)

Voz Hídrica es una plataforma de crecimiento:

Engagement: Aumenta la interacción digital del cliente más allá de las transacciones básicas.
Liderazgo ESG: Posiciona a Banorte como líder en sostenibilidad bancaria en México.
Cross-Selling: Genera leads calificados hacia productos estratégicos como el Crédito Verde.
Innovación: Demuestra liderazgo tecnológico con la implementación de Gemini y ElevenLabs.