ClaroTintado
Caso de estudio · B2C · Mobile-first · Beta pública

Maiteego AI: de planificador de viajes a travel companion

App de viajes con IA que crea itinerarios personalizados y acompaña antes y durante el viaje. Diseño de principio a fin y evolución del producto en beta pública con usuarios reales.

RolCofundadora · única diseñadora UX/UI
Periodo2024 – hoy · beta pública desde 2025
EquipoCTO y cofundador (desarrollo)
HerramientasMiro, Figma, Penpot, Notion, Cursor, v0
Escala18 meses en beta · iOS, Android y web · ~300 usuarios registrados
MarcaLogotipo de Maiteego
Enlacesmaiteego.ai · Prototipo ↗ · Proceso en Figma ↗ · Instagram ↗ · TikTok ↗
Maiteego, pantalla de inicio
El problema

Planificar un viaje obliga a saltar entre notas, mapas, capturas y apps, y las apps de viaje se quedan en inspirar o en planificar con estructuras rígidas.

Qué hice

Diseñé de principio a fin, como única diseñadora, una app con IA en la que cada lugar que menciona el chat se añade al plan de un toque, con un sistema de diseño de 15 componentes.

Impacto

4 → 2pantallas en el flujo de crear itinerario, sin perder datos de personalización. 18 meses en beta pública en iOS, Android y web.

El problema

Planificar un viaje suele requerir varias herramientas a la vez: notas, mapas, capturas, correos de reserva y apps de recomendaciones. Esa fragmentación aumenta la carga cognitiva y hace difícil tener una visión clara del viaje.

Muchas apps existentes se centran en la inspiración o en una planificación rígida, y obligan a adaptarse a estructuras predefinidas que no reflejan las preferencias de cada persona ni cómo evolucionan los planes con el tiempo.

El reto: una solución que permita crear itinerarios personalizados, con toda la información relevante accesible, flexible y fácil de actualizar, tanto antes como durante el viaje.

Mi rol y las limitaciones

Trabajé como cofundadora y única diseñadora de UX/UI, a cargo del proceso completo: definición del producto, flujos, arquitectura de la información, sistema visual y prototipos. Colaboré con el CTO y cofundador, lo que implicó iteraciones frecuentes y decisiones que equilibraran necesidades de usuario, objetivos de negocio y viabilidad técnica, con tiempo limitado y una hoja de ruta en constante cambio.

Este caso tiene dos partes: cómo diseñé la primera versión (research, arquitectura, sistema visual e iteración) y cómo evolucionó el producto en beta pública hasta la versión actual, con antes y después de cada pantalla clave.

Research: la competencia y los usuarios de la beta

Benchmark de la competencia directa

Analicé cuatro competidores directos (Mindtrip, Layla, Wonderplan y Wanderlog). El mercado está formado por soluciones especializadas: cada una resuelve una fase del viaje, pero ninguna cubre el acompañamiento durante el viaje con la IA como núcleo. Ese es el hueco que define a Maiteego.

Matriz comparativa del benchmark
Matriz comparativa: foco, IA, personalización, acompañamiento, colaboración, reservas y precio. Fuente: análisis propio, sept. 2026.

De ahí salieron los principios del producto: priorizar la claridad sobre la función principal, permitir flexibilidad al crear itinerarios y acompañar antes y durante el viaje.

Observación en la beta (abril 2026): por qué los usuarios nuevos no creaban su primer viaje

Con la app en beta, observé a usuarios nuevos en el primer paso de crear un viaje, donde se añaden las paradas, los alojamientos y los transportes. No había datos cuantitativos de ese flujo, así que el research fue cualitativo, y lo que vi fue claro: la gente no sabía por dónde empezar.

Observé

No encontraban cómo añadir el primer destino: la única entrada era un «+» con cuatro opciones plegadas sobre una pantalla vacía.

Decidí

Un estado vacío con una sola acción que dice lo que hace: «Añade tu primer destino».

Observé

No entendían cómo se organiza un viaje: paradas que contienen sus alojamientos y transportes.

Decidí

Mantener esa jerarquía, pero hacerla visible: cada parada muestra dentro sus alojamientos y transportes, con su propio botón de añadir.

Observé

Les costaba editar y borrar, porque dependía de un modo de edición poco visible.

Decidí

Quitar el modo: editar y borrar siempre visibles en cada tarjeta, y los días de cada parada ajustables en línea.

Convertí esas observaciones en cinco preguntas y las contrasté con seis referencias (Wanderlog, TripIt, Roadtrippers, TripAdvisor, Sygic Travel y Google My Maps). La conclusión: las apps que funcionan eliminan la pantalla en blanco o hacen la primera acción tan evidente que no necesita instrucciones. Con eso exploré tres direcciones (un asistente paso a paso, una pantalla única con acciones en línea y un híbrido) y recomendé la híbrida: una pregunta guiada, «¿A dónde quieres ir?», que deja la primera parada puesta y después da libertad para seguir. Es el mayor cambio para el usuario nuevo con el menor cambio en la estructura del flujo.

Lo que falta: este research fue cualitativo porque no había métricas del flujo. El siguiente paso es medirlo: qué porcentaje de usuarios nuevos crea su primer viaje antes y después del rediseño.

Arquitectura de la información y primera versión

Antes de dibujar pantallas definí en Miro las secciones principales (creación de itinerarios, información de destino, explorar) y flujos simples y flexibles que permitieran crear, editar y adaptar itinerarios sin estructuras rígidas.

Pantallas clave de la primera versión (2025)

Home 2025
Home · saludo y estadísticas
Explorar 2025
Explorar · colecciones de ciudades
Itinerario 2025
Itinerario · destino del día y actividades
Destino 2025
Destino · ficha con foto y datos

Diseñadas para equilibrar densidad de información y claridad visual en un contexto móvil: jerarquía, legibilidad, espaciado y CTA claros para reducir la carga cognitiva durante la planificación y durante el viaje.

El sistema de diseño hoy

Con la app en producción, el sistema quedó así: neutros sobre la escala Zinc, un único azul de marca, tres colores semánticos (aviso, evitar, éxito), ocho estilos de texto en Geist, rejilla de 4 pt y jerarquía por borde y superficie en lugar de sombras. Quince componentes cubren el 90 % de las pantallas.

Tokens del sistema de diseño
Tokens: color, tipografía, radios, espaciado e iconografía, medidos sobre las pantallas de producción.
Inventario de componentes
Inventario de componentes y variantes, dibujado con los tokens del sistema de diseño.
Decisión: un solo color de marca. En una app de viajes la foto ya pone el color; la interfaz se mantiene en neutros para que el azul signifique siempre lo mismo: «aquí se actúa» (botón, chip activo, enlace, toggle). Los semánticos se reservan para los callouts de las guías, donde el color sí lleva información.
#09090B
#71717A
#E4E4E7
#3A8BCD
#F5A623
#16A34A

Iteración: crear itinerario, de 4 pantallas a 2

La iteración fue constante: varias soluciones se rediseñaron a medida que evolucionaban los objetivos y el feedback señalaba desajustes entre las ideas iniciales y las necesidades reales. Trabajar tan cerca del cofundador me obligó a recibir feedback, distanciarme de mis primeras decisiones e iterar hacia soluciones más claras.

El ejemplo más claro: el flujo de «crear itinerario» pasó de cuatro pantallas a dos. Reduje el número de pantallas y de elementos por pantalla para que el usuario no se sintiera abrumado, sin renunciar a ninguna preferencia ni dato necesario para personalizar el viaje.

4→2
pantallas del flujo «crear itinerario»

Evolución del producto en beta (2025 → 2026): de planificador a travel companion

Con usuarios reales, el diseño evolucionó en tres direcciones: poner la IA en el centro de la interacción (un chat en el que todo lo que se menciona es accionable), convertir el destino en una guía que responde preguntas en lugar de una ficha, y llevar información viva (hora local, clima, avisos) a las pantallas de explorar. Las pantallas son capturas reales de producción.

1 · Inicio: de un panel de estadísticas a una pregunta

Antes: saludo, estadísticas y «continuar planificando». Después: la pregunta a la IA es el hero.

Decisión: la primera home resumía la actividad del usuario, pero no enseñaba el valor diferencial de la app. Ahora la primera acción es preguntar: el campo ocupa el hero, un ejemplo rotatorio enseña qué se puede pedir sin tutorial, y planificar/explorar quedan como acciones secundarias.
Inicio 2026Inicio 2025
‹ ›
20252026

2 · Chat: cada lugar que menciona la IA es una tarjeta que se añade al plan

Chips en línea dentro de la respuesta y, al final, las tarjetas «Mencionado en esta respuesta» con «+» para añadir al itinerario.

Decisión: el problema de los chats de viaje es que la respuesta es texto y el usuario tiene que copiar, buscar y volver. Aquí cada lugar se reconoce dentro del texto como un chip verificado y enlazado al mapa, y al final se agrupan como tarjetas con «+». Un toque y está en el plan: la respuesta deja de ser lectura y pasa a ser material de trabajo.
Chat con respuesta de la IA
La respuesta llega con chips verificados en línea.
Chat con tarjetas accionables
Las tarjetas «Mencionado en esta respuesta», con «+» para añadir al plan.

3 · Explorar: de una galería de ciudades a un mapa vivo

Antes: colecciones de ciudades con foto. Después: mapa con lugares por tipo y hoja inferior con hora local, clima y listas.

Decisión: la galería era bonita pero estática y no servía durante el viaje. El nuevo Explorar es un mapa con una hoja arrastrable: hora local y clima, un consejo práctico y listas por categoría. El usuario decide dónde mirar; la app le dice qué hay ahí en este momento.
Explorar 2026, mapa en vivoExplorar 2025, galería
‹ ›
20252026

4 · Guía de destino: de una ficha a una guía editorial

Antes: foto, párrafo genérico y seis datos. Después: hero con etiquetas de carácter, pestañas por intención y «Por qué Kyoto».

Decisión: la guía se organiza por las preguntas que se hace el viajero, cada una con su patrón visual: ¿es para mí? (puntuaciones por perfil), ¿cuándo voy? (calendario semáforo), ¿qué debo saber? (avisos en color de alerta) y ¿qué necesito? (ficha técnica). Divulgación progresiva y un campo para preguntar a la IA sobre ese destino.
Guía de destino 2026Ficha de destino 2025
‹ ›
20252026
Módulos de la guía de destino
Los módulos de la guía: para quién es, cuándo ir, mantente a salvo y ficha técnica.

5 · Itinerario: de una lista de actividades a un plan que reacciona

Antes: destino de hoy y actividades destacadas. Después: fechas flexibles, clima del día, alojamiento, ruta numerada y tiempos entre paradas.

Decisión: el itinerario se usa con el móvil en la mano, así que todo lo añadido responde a una pregunta de ese momento: ¿qué tiempo hace?, ¿cuánto tardo?, ¿dónde duermo? En la ficha de lugar, cuando falta el horario hay un atajo, «Preguntar si está abierto». Cuando el viaje termina, la app lo convierte en recuerdo («Tiempo desde tu aventura»).
Itinerario 2026Itinerario 2025
‹ ›
20252026
Ficha de lugar, clima y resumen post-viaje
Alrededor del itinerario: la ficha de lugar, la hoja de clima y el resumen del viaje ya terminado.

6 · Mis viajes y perfil: memoria del viajero y transparencia con la IA

Historial de viajes, itinerarios guardados con barra de días por destino, y uso de IA visible en el perfil.

Decisión: en los itinerarios guardados, una barra proporcional con un color por ciudad permite leer la estructura del viaje sin abrirlo. En el perfil, el consumo de IA se muestra como dos ventanas con su porcentaje y cuándo se reinician: el límite se comunica antes, no como un error cuando se agota.
Mis viajes y perfil
Historial, itinerarios guardados y uso de IA en el perfil.
«Sandra es una diseñadora que trabaja bien, se implica en los proyectos y no reduce su trabajo a solamente hacer pantallas y ya. Se molesta en entender el problema, pensar de forma empática en el usuario y encontrar soluciones iterando sobre el producto. Su curiosidad por la IA la ha llevado a utilizarla para buscar la forma de ayudarla en el trabajo: explorar ideas nuevas, diferentes enfoques, acelerar tareas… Pero siempre priorizando su criterio como diseñadora. Es un perfil que va evolucionando con el paso del tiempo y que siempre está buscando cómo hacer las cosas un poco mejor.»
CTO y cofundador de Maiteego

Resultados y aprendizajes

18meses en beta pública
3plataformas: iOS, Android y web
~300usuarios registrados
0 €financiación externa

Maiteego resultó en una base de diseño sólida: estructura clara, sistema visual coherente y enfoque centrado en el usuario, alineado con el concepto de travel companion. La evolución en beta (chat, guías, mapa en vivo) demostró que esa base era escalable: el sistema y la arquitectura de la primera versión aguantaron funciones mucho más complejas sin rehacer la navegación.

Más allá de las pantallas, este proyecto consolidó mi comprensión del flujo completo de UX/Producto, desde el descubrimiento hasta la iteración, y mi capacidad de diseñar con intención, justificar decisiones y trabajar con limitaciones reales. Sigo iterando a partir del uso real.

Qué haría distinto

Validar antes de construir

El primer paso de crear un viaje llegó a la beta con un «+» que los usuarios nuevos no encontraban. Un test con cinco personas sobre el prototipo lo habría detectado antes y con menos coste.

Medir desde el primer día

No instrumentamos los flujos clave, así que el research de la beta solo pudo ser cualitativo. Hoy definiría dos o tres métricas antes de lanzar, como el porcentaje de usuarios nuevos que crean su primer viaje.

¿Hablamos de este caso? Escríbeme ↗