Case study · AI-driven product delivery
Venezuela, built with AI.
Lideré el diseño y la coordinación de una nueva experiencia web para Venezuela en Alegra, utilizando inteligencia artificial a lo largo del proceso de diseño y desarrollo. El reto consistía en acelerar la salida al mercado sin comprometer la arquitectura web existente, preservar la consistencia del design system y asegurar que la experiencia respondiera a las particularidades del país.
A través de un flujo de trabajo AI-first, conecté producto, copywriting, diseño, SEO y desarrollo, desde la definición de los requerimientos hasta el despliegue de la nueva experiencia.
- Empresa
- Alegra
- Rol
- Product Design Manager
- Duración estimada
- 2 semanas
- Disciplinas
- Product Strategy · AI-assisted Design & Development · UX/UI · Design Systems · Technical SEO · Cross-functional Leadership
Resumen del proyecto
Un nuevo mercado. Una arquitectura existente. Dos semanas.
Expandir un producto digital a un nuevo país implica considerar las características del mercado, la regulación local, los productos disponibles y las necesidades de los usuarios, sin perder consistencia con la plataforma existente.
En Alegra, el reto era construir la experiencia de Venezuela sobre una arquitectura web con componentes heredados (legacy), manteniendo la integridad de la estructura existente y evitando regresiones.
Para responder a este desafío, coordiné un proceso de trabajo AI-first que conectó la exploración de alternativas, el diseño de los flujos de usuario, la generación y validación de interfaces, la reutilización de componentes y la implementación técnica.
El objetivo: acelerar la entrega de una nueva experiencia de mercado mediante IA, reutilizando la arquitectura existente y manteniendo los estándares de diseño, seguridad y estabilidad.
Los cuatro retos principales
Mi rol
Diseñar el sistema de trabajo, no solo la interfaz.
Mi responsabilidad fue definir y coordinar el proceso necesario para desarrollar y lanzar la experiencia digital de Venezuela dentro del plazo estimado.
Diseñé los flujos de experiencia, exploré alternativas de interfaz con herramientas de IA y coordiné un roadmap transversal para que cada disciplina contara con los requerimientos necesarios en el momento adecuado.
El trabajo incluyó
- 01Diseño de los flujos de experiencia de usuario.
- 02Exploración y validación de interfaces con herramientas de IA.
- 03Definición de requerimientos de producto y contenido para el mercado venezolano.
- 04Coordinación de entregables de copywriting, diseño, producto y SEO.
- 05Alineación con el equipo de desarrollo para reutilizar la arquitectura existente.
- 06Coordinación de la conexión entre componentes de diseño y desarrollo mediante MCP.
- 07Seguimiento al proceso de implementación y despliegue con el equipo técnico.
La implementación final se realizó en colaboración con el equipo de desarrollo, utilizando la arquitectura existente de Alegra.
01 / AI-first Process
De la exploración con IA al despliegue.
Organicé el trabajo en cuatro etapas conectadas, con el objetivo de acelerar las iteraciones sin convertir la experimentación en una fuente de complejidad técnica.
Etapa 01 · Discover & Define
Entender el mercado antes de construir.
El primer paso fue identificar los requerimientos necesarios para lanzar la experiencia en Venezuela.
Coordiné con los equipos involucrados la recopilación y definición de la información que debía reflejarse en la nueva web: características del país, regulación aplicable, productos disponibles, mensajes comerciales y requerimientos SEO.
En paralelo, definí los flujos de experiencia para estructurar la navegación y las interacciones de los usuarios antes de avanzar hacia la implementación.
Entregables
- Flujos de experiencia de usuario.
- Requerimientos de producto para el mercado.
- Briefs de contenido y copywriting.
- Requerimientos de diseño y SEO.
- Roadmap de trabajo y entregables por disciplina.
Herramientas exploradas · conjunto de experimentación
El proceso incluyó pruebas con Figma Make, Claude Code, v0 con despliegues en Vercel, Lovable y Kimi para exploración de diseño. Ninguna se presenta aquí como solución final en producción.
Papel experimental
Figma Make
Exploración de interfaces y prototipos.
02 / Cross-functional Roadmap
Una entrega coordinada entre disciplinas.
Para ejecutar el proyecto en el plazo previsto, organicé un roadmap que permitiera avanzar en paralelo cuando las dependencias lo permitían, evitando que la generación de interfaces precediera a la definición de requerimientos críticos.
Product
Definición de las características del mercado, productos disponibles, necesidades de la experiencia y requerimientos funcionales.
Mi papel fue conectar estas disciplinas dentro de un mismo plan de trabajo, identificar dependencias y facilitar que cada equipo tuviera claridad sobre sus entregables.
03 / Architecture & Design System
Innovar sin reconstruir lo que ya funciona.
La presencia de componentes heredados representaba uno de los principales riesgos del proyecto. Una implementación generada con IA podía funcionar de manera aislada y, aun así, introducir inconsistencias al integrarse con la arquitectura real.
Por eso, la velocidad no podía medirse únicamente por lo rápido que se generaba una interfaz. También dependía de la capacidad de integrar esa interfaz en el sistema existente.
Tres principios de implementación
- 01
Reutilizar antes que reconstruir
Priorizar la arquitectura y los componentes existentes siempre que respondieran a los requerimientos del nuevo mercado.
- 02
Mantener la consistencia visual
Alinear las interfaces generadas con los patrones y componentes del design system de Alegra.
- 03
Validar antes de desplegar
Coordinar con desarrollo la integración y las comprobaciones técnicas necesarias para proteger el funcionamiento de la web.
Este enfoque permitió orientar la experimentación con IA hacia una implementación compatible con el ecosistema existente, en lugar de producir una solución independiente difícil de mantener.
Resultados
Una nueva experiencia de mercado en un plazo estimado de dos semanas.
Plazo estimado
2semanas
Tiempo estimado para el lanzamiento.
El proyecto se estructuró con un plazo de dos semanas para coordinar los requerimientos, diseñar la experiencia, explorar alternativas con IA e implementar la nueva web.
- 02
Un flujo de trabajo AI-first
IA aplicada a múltiples etapas del proceso.
Exploré y probé herramientas de IA para diseño, prototipado, generación de código y validación de alternativas, conectando la experimentación con el proceso de implementación.
- 03
Diseño y desarrollo conectados mediante MCP
Interoperabilidad como parte del flujo de trabajo.
Coordiné la exploración de conexiones entre componentes de diseño y desarrollo mediante MCP para facilitar la integración de los recursos utilizados durante el proyecto.
- 04
Reutilización de la arquitectura existente
Expansión sin plantear una reconstrucción independiente.
La implementación se coordinó con el equipo de desarrollo sobre la arquitectura existente de Alegra y Astro, manteniendo como prioridades la consistencia y la estabilidad del ecosistema web.
- 05
Coordinación multidisciplinaria
Producto, copy, diseño, SEO y desarrollo alineados.
Organicé los entregables y las dependencias de las disciplinas involucradas para orientar el trabajo hacia una salida al mercado coordinada.
Nota metodológica: las dos semanas corresponden al tiempo estimado del proyecto.
Aprendizajes
La IA acelera la ejecución; la estrategia define qué vale la pena construir.
01La velocidad empieza con una buena definición del problema
Generar interfaces es cada vez más rápido. Identificar los requerimientos correctos, resolver dependencias y establecer prioridades sigue siendo esencial.
02El contexto técnico importa tanto como el prototipo
Una interfaz generada con IA no es automáticamente compatible con una arquitectura existente. La integración requiere comprender los componentes, las dependencias y las restricciones del sistema.
03El design system es una herramienta de escala
Mantener patrones consistentes permite explorar nuevas experiencias sin fragmentar la identidad visual ni multiplicar soluciones difíciles de mantener.
04MCP puede conectar etapas del proceso
La conexión entre recursos de diseño y desarrollo abre oportunidades para reducir fricciones entre disciplinas, siempre que exista un criterio claro sobre qué integrar, cómo validarlo y quién es responsable de la implementación.
05AI-first no significa eliminar la intervención humana
La IA amplía la capacidad de exploración y generación. La definición de requerimientos, la toma de decisiones, la coordinación de equipos y la validación de la solución continúan siendo responsabilidades fundamentales.
Cierre
Expandir mercados. Acelerar con IA. Construir con criterio.
El lanzamiento de Venezuela fue una oportunidad para explorar una forma distinta de desarrollar experiencias digitales: utilizar IA desde las primeras etapas de diseño hasta la preparación de la implementación, manteniendo la arquitectura, el design system y la coordinación entre disciplinas como elementos centrales.
Mi contribución estuvo en diseñar los flujos de experiencia, estructurar el roadmap, coordinar a los equipos y conectar la experimentación con herramientas de IA con el proceso de desarrollo existente.
El aprendizaje principal fue que el valor de un flujo AI-first no está en utilizar más herramientas, sino en integrarlas dentro de un sistema de trabajo que permita tomar mejores decisiones, reducir fricciones y acelerar la entrega sin perder control sobre el producto.