[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"layout-profile":3,"project-product-design-booking-engine-setup-es":13,"project-cards-es":363,"client-hubs-es":449},{"title":4,"acf":5,"featured_image":11},"Pablo Goris",{"actual_job":6,"role":7,"hero_title":8,"headline":9,"description":10},"Designer at Alea","Senior Product Designer","Hello! I'm Pablo","Designing clarity across products, systems and evolving workflows by combining UX, product thinking and AI accelerated execution to turn complex ideas into scalable experiences with real business impact.","",{"url":12,"alt":4},"/media/2026/02/pablo.webp",{"id":14,"title":15,"acf":16,"body":309,"card":314,"company":38,"cover":29,"coverAlt":322,"date":323,"description":324,"encrypted":325,"extension":326,"meta":327,"navigation":34,"path":328,"postType":329,"role":330,"sections":331,"seo":359,"status":360,"stem":361,"subtitle":19,"__hash__":362},"productDesignEs/product-design/booking-engine-setup.es.md","Booking Engine Setup",{"hero":17,"projectOverview":31,"challenge":50,"objectives":77,"process":101,"research":124,"lofi":153,"finalUi":193,"handoff":224,"results":246,"learnings":284},{"title":18,"lead":19,"text":20,"tags":21,"imageLayout":26,"images":27},"Guesty · Booking Engine Setup","Rediseñar un flujo de configuración complejo para el self-onboarding","\u003Cp>El Booking Engine Setup de Guesty permite a los propietarios publicar una experiencia de reserva directa, pero el flujo de configuración respondía más a consideraciones técnicas y de negocio que a la comprensión del usuario. Rediseñé la configuración para reducir la fricción, dar soporte tanto a usuarios novatos como expertos y permitir configurarla por cuenta propia sin depender de soporte.\u003C/p>",[22,23,24,25],"Product Designer","User Research","User Flows","Prototyping & Testing","single",[28],{"src":29,"alt":30},"/media/projects/guesty/hero.webp","Interfaz del Booking Engine Setup",{"title":32,"lead":33,"cardsFirst":34,"singleRow":34,"cards":35,"text":49},"Resumen del proyecto","Un rediseño acotado dentro de un equipo de producto multidisciplinar",true,[36,40,43,46],{"lead":37,"text":38,"tone":39},"Empresa","Guesty","subtle",{"lead":41,"text":42,"tone":39},"Periodo","Jul – ago 2023",{"lead":44,"text":45,"tone":39},"Rol","Research · Information architecture · Visual design · Prototyping & testing",{"lead":47,"text":48,"tone":39},"Equipo","Domain Lead · Design Lead · 2 Product Managers · Product Designer · 2 Developers","\u003Cp>El Booking Engine Setup permite a un propietario crear una experiencia de reserva B2C dentro de un entorno de terceros o de una web de Guesty. El rediseño combinó un lavado de cara visual con un objetivo de usabilidad: eliminar los obstáculos que impedían a los propietarios completar la configuración y publicar propiedades para reservas directas.\u003C/p>",{"title":51,"lead":52,"text":53,"groups":54},"El reto","El 60 % de los usuarios no completaba la configuración","\u003Cp>El sistema existente carecía de una interfaz que se explicara sola y tenía problemas de usabilidad además de limitaciones técnicas. Muchos usuarios abandonaban la configuración, así que la puesta a punto final requería soporte. Los datos del dashboard revelaron el problema y dieron un punto de partida medible para el rediseño.\u003C/p>",[55,66,71],{"cards":56},[57,60,63],{"lead":58,"text":59,"stat":34},"60 %","de los usuarios no completaba la configuración",{"lead":61,"text":62,"stat":34},"Soporte","hacía falta para terminar la configuración",{"lead":64,"text":65,"stat":34},"B2C","la publicación se bloqueaba cuando fallaba la configuración",{"note":67},{"type":68,"title":69,"message":70},"info","Oportunidad de diseño","Convertir una configuración que dependía de soporte en un flujo guiado que se explique solo y que se pueda completar, pausar y retomar sin perder el avance.",{"title":72,"images":73},"Retos de diseño",[74],{"src":75,"alt":76},"/media/projects/guesty/design-challenges.webp","Mapa de los problemas de usabilidad encontrados en la configuración original",{"title":78,"lead":79,"groups":80},"Objetivos y restricciones","El rediseño tenía que funcionar tanto para operadores nuevos como con experiencia",[81],{"cards":82},[83,86,89,92,95,98],{"lead":84,"tone":39,"text":85},"Reducir la fricción","Eliminar decisiones innecesarias y aclarar qué se pide en cada paso.",{"lead":87,"tone":39,"text":88},"Un flujo, dos niveles de dominio","Dar soporte a usuarios novatos y expertos sin crear experiencias separadas.",{"lead":90,"tone":39,"text":91},"Un onboarding que se explique solo","Hacer que la interfaz se entienda sin depender de soporte.",{"lead":93,"tone":39,"text":94},"Guardar y continuar más tarde","Permitir conservar el trabajo a lo largo de un proceso de configuración más largo.",{"lead":96,"tone":39,"text":97},"Preparar la conversión a premium","Dejar el flujo listo para el futuro plan Premium website + Booking Engine.",{"lead":99,"tone":39,"text":100},"Respetar la realidad técnica","Diseñar dentro de las restricciones del PMS, del channel manager y de la implementación.",{"title":102,"lead":103,"text":104,"groups":105},"Proceso","Un Doble Diamante de cuatro fases adaptado a una ventana de entrega corta","\u003Cp>El proyecto avanzó desde los requisitos y la definición del problema hasta la validación, el prototipado y la entrega. Las hipótesis de investigación se contrastaron con el equipo y con los stakeholders internos. Las conversaciones periódicas con desarrollo mantuvieron el flujo propuesto alineado con la viabilidad técnica.\u003C/p>",[106,120],{"cards":107},[108,111,114,117],{"lead":109,"tone":39,"text":110},"01 · Descubrir","Análisis de requisitos · comprensión del problema · revisión de usabilidad · generación de hipótesis",{"lead":112,"tone":39,"text":113},"02 · Definir","Research · entrevistas · validación de hipótesis · brainstorming · organización del contenido",{"lead":115,"tone":39,"text":116},"03 · Validar","Prototipos lo-fi · alineación iterativa con desarrollo · tests de tareas con usuarios internos",{"lead":118,"tone":39,"text":119},"04 · Entregar","Prototipos hi-fi · aplicación del sistema de diseño · materiales preparados para la implementación",{"note":121},{"type":68,"title":122,"message":123},"Principio de trabajo","La validación y la alineación técnica ocurrieron durante el proceso de diseño, no solo al final.",{"title":125,"lead":126,"text":127,"groups":128},"Investigación y definición","Definir primero al usuario y después reestructurar la configuración","\u003Cp>Al principio del proyecto necesitaba una imagen más clara de quién configuraba el Booking Engine. Combiné la información del dashboard con el conocimiento de diseñadores que llevaban más tiempo con el producto. Después usé brainstorming y card sorting con los stakeholders para reorganizar el contenido y validar la arquitectura principal.\u003C/p>",[129,143,147],{"cards":130},[131,134,137,140],{"lead":132,"tone":39,"text":133},"Propietarios y operadores","Personas responsables de configurar y publicar alojamientos para reserva directa.",{"lead":135,"tone":39,"text":136},"Revenue managers","Profesionales del sector hotelero responsables de precios, inventario y rendimiento comercial.",{"lead":138,"tone":39,"text":139},"Sales managers","Usuarios con perfil de ventas o marketing que necesitan que la experiencia de reserva favorezca la conversión.",{"lead":141,"tone":39,"text":142},"Marketing managers","Usuarios centrados en la presentación, el contenido y en cómo la experiencia de reserva conecta con la marca.",{"note":144},{"type":68,"title":145,"message":146},"Validación de la arquitectura","Tratamos la estructura inicial como una hipótesis. Un ejercicio de card sorting con los stakeholders clave confirmó la jerarquía y la agrupación antes de pasar al diseño de interacción en detalle.",{"images":148},[149],{"src":150,"alt":151,"caption":152},"/media/projects/guesty/research.webp","Brainstorming y card sorting usados para reorganizar el contenido de la configuración","Organización del contenido — brainstorming y card sorting",{"title":154,"lead":155,"text":156,"groups":157},"Lo-fi y validación","Probar la arquitectura antes de invertir en la interfaz final","\u003Cp>Una vez definida la arquitectura y la jerarquía de información, creé prototipos de baja fidelidad para poner a prueba las hipótesis. Las revisiones con desarrollo formaron parte de esta fase porque la propuesta de guardar el avance en cada paso sacó a la luz limitaciones técnicas que había que resolver antes del refinamiento visual.\u003C/p>",[158,169,181],{"cards":159},[160,163,166],{"lead":161,"tone":39,"text":162},"Validar con tareas","Usar prototipos para comprobar si los usuarios y los stakeholders internos entienden la secuencia de configuración.",{"lead":164,"tone":39,"text":165},"Alinearse con desarrollo","Revisar la viabilidad de forma continua en vez de esperar a una entrega final.",{"lead":167,"tone":39,"text":168},"Conservar el avance","Tratar el guardar y continuar más tarde como un comportamiento central, no como una mejora secundaria.",{"imagesColumns":170,"images":171},3,[172,175,178],{"src":173,"alt":174},"/media/projects/guesty/lofi-1.webp","Prototipo de baja fidelidad de la secuencia de configuración",{"src":176,"alt":177},"/media/projects/guesty/lofi-2.webp","Prototipo de baja fidelidad de los pasos de configuración",{"src":179,"alt":180},"/media/projects/guesty/lofi-3.webp","Prototipo de baja fidelidad del paso de revisión y publicación",{"title":182,"cards":183},"Protocolo de estado del contenido",[184,187,190],{"lead":185,"tone":39,"text":186},"Verde · Terminado","Contenido revisado y listo para avanzar.",{"lead":188,"tone":39,"text":189},"Amarillo · En curso","Contenido todavía en definición o revisión.",{"lead":191,"tone":39,"text":192},"Negro · Sin revisar","Contenido que el equipo aún no ha validado.",{"title":194,"lead":195,"text":196,"groups":197},"UI final","Aplicar el sistema de diseño de Guesty a un flujo validado","\u003Cp>La fase de alta fidelidad tradujo la arquitectura validada y las reglas de interacción al sistema de diseño de Guesty. El objetivo era garantizar la consistencia visual y hacer más fáciles de entender la secuencia, el estado actual y las acciones disponibles a lo largo de toda la configuración.\u003C/p>",[198,212],{"cards":199},[200,203,206,209],{"lead":201,"tone":39,"text":202},"Progresión guiada","Cada paso hace más fácil identificar la siguiente acción y la información necesaria.",{"lead":204,"tone":39,"text":205},"Estado del sistema claro","Los usuarios pueden entender dónde están y qué está ya completo.",{"lead":207,"tone":39,"text":208},"Guardar y retomar","Una configuración larga se puede interrumpir sin obligar a empezar de nuevo.",{"lead":210,"tone":39,"text":211},"Vista previa y control","Las opciones de configuración se conectan con más claridad con la experiencia de reserva resultante.",{"imagesColumns":213,"images":214},2,[215,218,221],{"src":216,"alt":217},"/media/projects/guesty/hifi-1.webp","Pantalla de alta fidelidad del flujo de configuración",{"src":219,"alt":220},"/media/projects/guesty/hifi-2.webp","Pantalla de alta fidelidad de las opciones de configuración",{"src":222,"alt":223},"/media/projects/guesty/hifi-3.webp","Pantalla de alta fidelidad que muestra el progreso y el estado del sistema",{"title":225,"lead":226,"text":227,"groups":228},"Developer Handoff","Documentar el sistema, no solo las pantallas","\u003Cp>La alineación técnica ocurrió durante el prototipado. La entrega se centró en hacer explícitas las decisiones de implementación: comportamiento de los componentes, estados, variantes y restricciones impuestas por el channel manager y el sistema de gestión de propiedades.\u003C/p>",[229,240],{"cards":230},[231,234,237],{"lead":232,"tone":39,"text":233},"Componentes","Los elementos reutilizables y su comportamiento previsto se documentaron para la implementación.",{"lead":235,"tone":39,"text":236},"Estados y variantes","El equipo podía ver cómo cambiaban los campos, las selecciones y las acciones a lo largo del flujo.",{"lead":238,"tone":39,"text":239},"Restricciones técnicas","La viabilidad se documentó junto al diseño en vez de descubrirse después de la entrega.",{"images":241},[242],{"src":243,"alt":244,"caption":245},"/media/projects/guesty/handoff.webp","Documentación de componentes preparada para la entrega a desarrollo","Documentación de componentes y entrega a desarrollo",{"title":247,"lead":248,"text":249,"groups":250},"Resultados e impacto","El rediseño redujo el abandono e hizo más viable la configuración autónoma","\u003Cp>El nuevo flujo resolvió los principales puntos de fricción de la configuración original y creó una única experiencia para distintos niveles de conocimiento. El proyecto también redujo la dependencia de soporte y mejoró el camino hacia la futura contratación de planes premium.\u003C/p>",[251,268,280],{"cards":252},[253,256,259,262,265],{"lead":254,"text":255,"stat":34},"40 % ↓","de abandono en el proceso de configuración",{"lead":257,"text":258,"stat":34},"30 % ↑","de eficiencia durante la configuración",{"lead":260,"text":261,"stat":34},"25 % ↑","de configuraciones autónomas con éxito",{"lead":263,"text":264,"stat":34},"20 % ↓","de necesidad de soporte al cliente",{"lead":266,"text":267,"stat":34},"15 % ↑","de contratación de planes premium",{"title":269,"cards":270},"Resultados de producto",[271,274,277],{"lead":272,"tone":39,"text":273},"Un flujo de configuración unificado","Un solo proceso da soporte a usuarios novatos y expertos sin partir la experiencia.",{"lead":275,"tone":39,"text":276},"Self-onboarding","La interfaz da más contexto y guía para que los propietarios configuren el producto ellos mismos.",{"lead":278,"tone":39,"text":279},"Guardar y continuar","El avance se puede conservar, lo que reduce el coste de sesiones de configuración largas o interrumpidas.",{"note":281},{"type":68,"title":282,"message":283},"Conexión con el negocio","Mejorar la finalización de la configuración del Booking Engine apoya directamente la capacidad de los propietarios de publicar inventario para reservas B2C.",{"title":285,"lead":286,"groups":287},"Aprendizajes y próximos pasos","Lo que este proyecto cambió en mi forma de diseñar",[288,299,305],{"cards":289},[290,293,296],{"lead":291,"tone":39,"text":292},"Entender las restricciones técnicas","Conocer las limitaciones del channel manager y del PMS fue esencial para diseñar un flujo que se pudiera implementar de verdad.",{"lead":294,"tone":39,"text":295},"Usar los datos para guiar las decisiones","La evidencia del dashboard ayudó a enmarcar el problema, priorizar la fricción y crear objetivos de producto medibles.",{"lead":297,"tone":39,"text":298},"Diseñar para la accesibilidad","La configuración tiene que seguir siendo usable para personas con distintas capacidades, niveles de experiencia y contextos de trabajo.",{"title":300,"list":301},"Próximos pasos",[302,303,304],"Monitorizar el flujo de configuración tras la implementación y conectar su finalización con resultados de negocio como propiedades publicadas, reservas e ingresos.","Usar los eventos de analítica implementados para recoger datos cuantitativos de comportamiento e identificar la fricción que quede.","Seguir optimizando la experiencia a partir del uso real, preservando la alineación técnica establecida durante el rediseño.",{"note":306},{"type":68,"title":307,"message":308},"La conclusión principal","Una buena experiencia de configuración es más que una secuencia de pantallas. Depende de la estructura del contenido, de la viabilidad técnica, de que el estado del sistema sea claro y de un entendimiento compartido entre diseño, producto e ingeniería.",{"type":310,"value":311,"toc":312},"minimark",[],{"title":10,"searchDepth":213,"depth":213,"links":313},[],{"title":315,"description":316,"tags":317,"image":320},"Guesty - New Onboarding Flow","Una arquitectura nueva para la configuración del Booking Engine de Guesty que la vuelve sencilla, eliminando obstáculos para que los propietarios la completen rápido y empiecen antes a recibir huéspedes.",[318,319],"UX Research","Product Strategy",{"src":29,"alt":321},"Booking Engine Setup de Guesty","Interfaz del Booking Engine Setup de Guesty","July 2023","El Booking Engine Setup de Guesty permitía a los propietarios publicar una experiencia de reserva directa, pero el flujo de configuración estaba construido alrededor de las necesidades técnicas y de negocio en lugar de la comprensión del usuario. El rediseño redujo la fricción, dio soporte a usuarios novatos y expertos, y permitió configurarlo por cuenta propia sin depender de soporte.",false,"md",{},"/product-design/booking-engine-setup.es","case_study","Product Design, User Research, User Flows, Prototyping & Testing",[332,335,338,341,343,345,347,350,353,355,357],{"id":333,"label":334,"field":333},"hero","Resumen",{"id":336,"label":32,"field":337},"project-overview","projectOverview",{"id":339,"label":340,"field":339},"challenge","Reto y evidencias",{"id":342,"label":78,"field":342},"objectives",{"id":344,"label":102,"field":344},"process",{"id":346,"label":125,"field":346},"research",{"id":348,"label":154,"field":349},"lo-fi","lofi",{"id":351,"label":194,"field":352},"final-ui","finalUi",{"id":354,"label":225,"field":354},"handoff",{"id":356,"label":247,"field":356},"results",{"id":358,"label":285,"field":358},"learnings",{"title":15,"description":324},"published","product-design/booking-engine-setup.es","WilCuh3NPK8wVTlcfo5zX1TEiHUo3wkoQZ9qie0Qp6A",{"/product-design/astra-fm-app":364,"/product-design/astra-redesign":379,"/product-design/booking-engine-setup":389,"/product-design/jackpot-ecosystem":393,"/product-design/la-caixa":405,"/product-design/new-client-area":416,"/product-design/new-reservation-details":426,"/product-design/redesign-breast-simulator":439},{"title":365,"description":366,"tags":367,"image":373,"to":376,"status":360,"company":377,"date":378},"App móvil de Astra.fm","Una experiencia móvil pensada para extender el ecosistema musical de Astra.fm, atraer nuevos oyentes y mejorar la retención de audiencia.",[368,369,370,371,372],"Research","Design","Testing","Development","Monitoring",{"src":374,"alt":375},"/media/projects/astra-fm-app/final-home.webp","Pantalla de inicio de la app de Astra.fm","/product-design/astra-fm-app","Astra","August 2026",{"title":380,"description":381,"tags":382,"image":385,"to":387,"status":360,"company":377,"date":388},"Astra Redesign","Rehacer una plataforma de radio multimedia en torno al streaming, el descubrimiento y una identidad visual más clara.",[383,384],"Product Design","Design Systems",{"src":386,"alt":380},"/media/2026/02/Captura-de-pantalla-2026-02-13-a-las-18.22.02-scaled.webp","/product-design/astra-redesign","September 2024",{"title":315,"description":316,"tags":390,"image":391,"to":392,"status":360,"company":38,"date":323},[318,319],{"src":29,"alt":321},"/product-design/booking-engine-setup",{"title":394,"description":395,"tags":396,"image":398,"to":401,"status":402,"company":403,"date":404},"Alea - Jackpot Ecosystem","Dos productos definidos a partir de sus reglas de negocio: un motor donde una campaña se configura pestaña a pestaña, y un gestor para la plantilla que ve el jugador.",[383,397],"UX Architecture",{"src":399,"alt":400},"/media/projects/alea/jackpot/image-home.webp","Template Manager, pestaña Content, con el modal de opt-in previsualizado en un móvil","/product-design/jackpot-ecosystem","private","Alea","2025",{"title":406,"description":407,"tags":408,"image":411,"to":414,"status":360,"company":406,"date":415},"La Caixa","PAC es una iniciativa privada de la Fundación La Caixa. Es una plataforma pública donde los usuarios pueden reservar salas en cualquier punto de España.",[409,410],"Researcher","User testing",{"src":412,"alt":413},"/media/2026/03/image-hero-detail.webp","Plataforma de reservas de La Caixa","/product-design/la-caixa","April 12, 2017",{"title":417,"description":418,"tags":419,"image":421,"to":424,"status":402,"company":403,"date":425},"Alea - Client Area","A design system built from the product's needs and applied to the new Client Area: catalogue, calendar, downloads and RTP.",[383,420],"Design System",{"src":422,"alt":423},"/media/projects/alea/client-area/dashboard.webp","New Client Area dashboard","/product-design/new-client-area","October 16, 2024",{"title":427,"description":428,"tags":429,"image":432,"to":435,"status":436,"company":437,"date":438},"Kigo - New reservation details","El rediseño organizó el detalle de reserva para evitar confusiones y reducir las llamadas y los correos a soporte.",[430,431],"IA Design","Prototyping and testing",{"src":433,"alt":434},"/media/2026/02/image-hero-detail-v2.svg","Detalle de reserva de Kigo","/product-design/new-reservation-details","wip","Kigo","March 14, 2019",{"title":440,"description":441,"tags":442,"image":443,"to":446,"status":360,"company":447,"date":448},"Crisalix - 3D Aesthetic simulation","Rediseñar la experiencia de simulación de Crisalix para que a los cirujanos les resultara más fácil crear y gestionar simulaciones 3D de procedimientos estéticos a partir de imágenes de pacientes.",[383,23],{"src":444,"alt":445},"/media/projects/crisalix/hero.webp","Simulador de Crisalix","/product-design/redesign-breast-simulator","Crisalix","July 2019",[450],{"slug":451,"name":403,"logo":452,"logoAlt":403,"summary":453,"description":454},"alea","/media/2026/02/Alea-RVB-Colour.svg","Diseño de producto para Alea, desde el sistema de diseño hasta los productos que se construyen con él.","Diseño de producto para Alea, desde el sistema de diseño hasta los productos que se construyen con él. Algunos detalles son confidenciales, así que estos casos están protegidos con una contraseña.",1793895644751]