[{"data":1,"prerenderedAt":271},["ShallowReactive",2],{"layout-profile":3,"project-product-design-la-caixa-es":13,"project-cards-es":177,"client-hubs-es":265},{"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":154,"card":160,"company":15,"cover":39,"coverAlt":10,"date":35,"description":166,"encrypted":46,"extension":167,"meta":168,"navigation":169,"path":170,"postType":171,"role":34,"sections":172,"seo":173,"status":174,"stem":175,"subtitle":10,"__hash__":176},"productDesignEs/product-design/la-caixa.es.md","La Caixa",{"name":15,"company_name":17,"description":31,"team":32,"role":34,"date":35,"image_detail":36,"challenge_overview":42,"design_challenges":54,"ideation":56,"result":84,"template":142,"results_2_cols":143},[18],{"ID":19,"post_author":20,"post_date":21,"post_date_gmt":21,"post_content":10,"post_title":15,"post_excerpt":10,"post_status":22,"comment_status":23,"ping_status":23,"post_password":10,"post_name":24,"to_ping":10,"pinged":10,"post_modified":25,"post_modified_gmt":25,"post_content_filtered":10,"post_parent":26,"guid":27,"menu_order":26,"post_type":28,"post_mime_type":10,"comment_count":29,"filter":30},111,"1","2026-02-12 11:09:42","publish","closed","la-caixa","2026-02-12 11:09:57",0,"http://headless.local/?post_type=clients&p=111","clients","0","raw","\u003Cp>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. Para hacerlo, tienen que configurar la reserva siguiendo una serie de pasos.\u003C/p>\n\u003Cp>El objetivo principal era rediseñar la plataforma para ayudar al usuario a reservar sin esfuerzo y con la seguridad de que la reserva se había completado correctamente.\u003C/p>\n",{"role_name":33},"Product lead, 1 UX Designer, 1 UI Designer, desarrolladores.","Researcher, Information architecture, User testing, Prototype","April 12, 2017",{"title":37,"filename":38,"url":39,"alt":10,"width":40,"height":41},"image-hero-detail","image-hero-detail.png","/media/2026/03/image-hero-detail.webp",1500,840,{"title":10,"subtitle":43,"description":44,"select_content_type":45,"blockquote":10,"image_two_cols":46,"image_one_col":47},"Un flujo de reserva poco claro provocaba reservas perdidas y sin confirmar","\u003Cp>El problema estaba en lo poco intuitivo que resultaba configurar la reserva o saber si se había programado correctamente. Como el proceso no estaba claro, muchas reservas no llegaban a hacerse y los usuarios no se enteraban.\u003Cbr />\nMi primer contacto con PAC fue descubrir que faltaba una estructura que permitiera al usuario saber qué pasos dar para avanzar hacia sus objetivos. Las secciones para añadir información se abrían en ventanas modales, lo que añadía complejidad al guardar los datos o al interpretar correctamente los posibles errores.\u003Cbr />\nLa jerarquía de la información no estaba claramente definida; los botones de guardar flotaban en la parte superior y estaban siempre activos, aunque no se hubiera modificado ni añadido ningún dato.\u003Cbr />\nNo había ninguna interfaz con ayuda o información sobre cada sección que guiara al usuario.\u003C/p>\n","image one col",false,{"description":10,"image":48},{"title":49,"filename":50,"url":51,"alt":10,"width":52,"height":53},"Screen Shot 2018-10-10 at 10.58.04","Screen-Shot-2018-10-10-at-10.58.04.png","/media/2026/03/Screen-Shot-2018-10-10-at-10.58.04.webp",1440,770,{"description":10,"type_of_structure":55,"one_column":46,"two_column":46},"one column",[57,66,75],{"description":58,"title":59,"image":60},"\u003Cp>En términos generales y con claridad, el cliente expresó su preocupación por el funcionamiento de la plataforma de reservas. Hubo un aumento de las quejas y de los problemas con el uso de la aplicación, lo que provocó un aumento de las reservas por correo electrónico o por teléfono.\u003Cbr />\nAdemás, según el cliente, este problema suponía una sobrecarga de trabajo para los responsables y una pérdida de confianza de los usuarios en los productos de la marca.\u003C/p>\n","Entender el problema",{"title":61,"filename":62,"url":63,"alt":10,"width":64,"height":65},"the-problem","the-problem.svg","/media/2026/03/the-problem.svg",2598,1649,{"description":67,"title":68,"image":69},"\u003Cp>En los resultados del test se detectaron varios problemas generales con un impacto menor en la experiencia de usuario. Sin embargo, se identificaron cuatro pain points que constituían el núcleo del problema en el funcionamiento de la plataforma:\u003C/p>\n\u003Cp>Se requería la presencia de los siguientes stakeholders en la reunión:\u003C/p>\n\u003Cp>Director de oficina\u003Cbr />\nProject Manager\u003Cbr />\nResponsables y proveedores de la plataforma\u003Cbr />\nEquipo de desarrollo\u003C/p>\n","User testing",{"title":70,"filename":71,"url":72,"alt":10,"width":73,"height":74},"Screenshot 2023-02-11 at 12.49.15","Screenshot-2023-02-11-at-12.49.15.png","/media/2026/03/Screenshot-2023-02-11-at-12.49.15.webp",408,194,{"description":76,"title":77,"image":78},"\u003Cp>Después de hacer el test de tareas con usuarios, categorizamos los resultados como oportunidades de mejora.\u003Cbr />\nHemos clasificado las distintas oportunidades de mejora encontradas durante el test según su grado de importancia, para priorizar las que suponen barreras significativas que impiden al usuario completar la acción que quiere hacer e influyen en su satisfacción.\u003C/p>\n","Resultados del feedback",{"title":79,"filename":80,"url":81,"alt":10,"width":82,"height":83},"user-tasks-results","user-tasks-results.png","/media/2026/03/user-tasks-results.webp",825,600,[85,95,98,109,120,131],{"title":10,"description":86,"content_block":87},"\u003Cp>Para abordar la solución fue necesario reunir al equipo, al product lead y al diseñador para trabajar en distintas opciones de nueva interfaz. La idea inicial era continuar con el proceso vertical para la reserva de salas, es decir, que los pasos se dieran en vertical. Sin embargo, nos encontramos con varios problemas que generarían fricción por la cantidad de configuraciones dentro del proceso.\u003Cbr />\nFinalmente optamos por definir un flujo de usuario horizontal siguiendo el enfoque estándar de wizard.\u003C/p>\n\u003Cp>Por último, la arquitectura del proceso en este happy path muestra paso a paso cómo se reserva una sala. Necesitábamos crear un entorno donde cada paso quedara claro para el usuario, para evitar confusiones y dar la seguridad de que la reserva sigue el proceso correcto.\u003C/p>\n",[88],{"title":10,"image":89},{"title":90,"filename":91,"url":92,"alt":10,"width":93,"height":94},"user-flow","user-flow.svg","/media/2026/03/user-flow.svg",12553,1724,{"title":96,"description":97,"content_block":46},"Lo-fi","\u003Cp>Usé Axure para crear los prototipos porque hacía falta un nivel alto de complejidad para que tanto el cliente como los usuarios lo entendieran bien.\u003Cbr />\nProbé el prototipo con los miembros de mi equipo e iteré hasta llegar a una solución posible en las secciones más complejas.\u003Cbr />\nMás tarde se probó con 5 usuarios.\u003Cbr />\nEl feedback de las pruebas de validación me llevó a iterar sobre una de las pantallas. Abajo están los mockups de alta fidelidad de mis soluciones finales.\u003C/p>\n",{"title":99,"description":100,"content_block":101},"Feedback de usuarios","\u003Cp>Los mensajes de alerta, de éxito y de aviso se muestran en un componente fijo situado en la parte derecha de la vista del usuario.\u003C/p>\n\u003Cp>¿Por qué esta decisión?\u003C/p>\n\u003Cp>Porque toda la información importante debe captar la atención del usuario sin romper el mapa mental que tiene del contenido de la página.\u003Cbr />\nAdemás, ofrece la opción clara de cerrar el mensaje una vez que el usuario ha quedado debidamente informado.\u003Cbr />\nMantener informado al usuario mediante feedback es uno de los principios heurísticos más importantes, porque garantiza la visibilidad del estado del sistema.\u003C/p>\n",[102],{"title":10,"image":103},{"title":104,"filename":105,"url":106,"alt":10,"width":107,"height":108},"nueva_reserva_espacio-05-confirmaci_n_actividad_-_diaria__dise_ar_","nueva_reserva_espacio-05-confirmaci_n_actividad_-_diaria__dise_ar_.png","/media/2026/03/nueva_reserva_espacio-05-confirmaci_n_actividad_-_diaria__dise_ar_.webp",870,401,{"title":110,"description":111,"content_block":112},"Añadir datos de actividad","\u003Cp>Guiar al usuario a través de un proceso de reserva es esencial para ofrecer una experiencia satisfactoria. Para evitar que el usuario se sienta perdido en la plataforma o en la acción que acaba de realizar, se han implementado pasos que indican con claridad en qué punto del proceso está. Además, existe la opción de guardar y continuar más tarde, de modo que al volver sabe dónde lo dejó.\u003C/p>\n\u003Cp>Garantizar la consistencia en el funcionamiento de los componentes del sistema ha sido crucial en conjunto.\u003C/p>\n",[113],{"title":10,"image":114},{"title":115,"filename":116,"url":117,"alt":10,"width":118,"height":119},"nueva_reserva_espacio-01-seleccion-espacio","nueva_reserva_espacio-01-seleccion-espacio.png","/media/2026/03/nueva_reserva_espacio-01-seleccion-espacio.webp",871,529,{"title":121,"description":122,"content_block":123},"Tramitar una reserva","\u003Cp>Como parte de los pasos de la reserva, el punto final es la validación o el envío de la reserva para su tramitación, para que el usuario entienda cuál es la acción definitiva que cumple su objetivo.\u003Cbr />\nManteniendo la consistencia y respetando los estándares, se guía al usuario y este alcanza su objetivo con la confianza de haber reservado un espacio correctamente.\u003C/p>\n",[124],{"title":10,"image":125},{"title":126,"filename":127,"url":128,"alt":10,"width":129,"height":130},"nueva_reserva_espacio-05-revisa-solicitud-diaria","nueva_reserva_espacio-05-revisa-solicitud-diaria.png","/media/2026/03/nueva_reserva_espacio-05-revisa-solicitud-diaria.webp",865,1107,{"title":132,"description":133,"content_block":134},"Configuración de la reserva","\u003Cp>Cada reserva de sala tiene requisitos específicos y, para eso, se implementaron pestañas que alojan la información que el usuario tiene que rellenar para cada uno de esos requisitos. Cada pestaña comunica visualmente al usuario el estado de su solicitud para esas necesidades, incorporando iconografía y etiquetas para los iconos que no forman parte del estándar.\u003C/p>\n",[135],{"title":10,"image":136},{"title":137,"filename":138,"url":139,"alt":10,"width":140,"height":141},"1_-_resumen_de_la_reserva__dise_ar_","1_-_resumen_de_la_reserva__dise_ar_.png","/media/2026/03/1_-_resumen_de_la_reserva__dise_ar_.webp",868,731,"results_2_cols",{"description":86,"image":144,"info_block":145},{"title":90,"filename":91,"url":92,"alt":10,"width":93,"height":94},[146,148,150,152],{"title":99,"description":100,"image":147},{"title":104,"filename":105,"url":106,"alt":10,"width":107,"height":108},{"title":110,"description":111,"image":149},{"title":115,"filename":116,"url":117,"alt":10,"width":118,"height":119},{"title":121,"description":122,"image":151},{"title":126,"filename":127,"url":128,"alt":10,"width":129,"height":130},{"title":132,"description":133,"image":153},{"title":137,"filename":138,"url":139,"alt":10,"width":140,"height":141},{"type":155,"value":156,"toc":157},"minimark",[],{"title":10,"searchDepth":158,"depth":158,"links":159},2,[],{"title":15,"description":161,"tags":162,"image":164},"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.",[163,68],"Researcher",{"src":39,"alt":165},"Plataforma de reservas de 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. Para hacerlo, tienen que configurar la reserva siguiendo una serie de pasos. El objetivo principal era rediseñar la plataforma para ayudar al usuario a reservar sin esfuerzo y con la seguridad de que la reserva se había completado correctamente.","md",{},true,"/product-design/la-caixa.es","product_designer",null,{"title":15,"description":166},"published","product-design/la-caixa.es","CWbLy1bV0FEyqqLBi79wLysTSqFK4ut5pufEbb6Ysmo",{"/product-design/astra-fm-app":178,"/product-design/astra-redesign":193,"/product-design/booking-engine-setup":203,"/product-design/jackpot-ecosystem":215,"/product-design/la-caixa":227,"/product-design/new-client-area":231,"/product-design/new-reservation-details":241,"/product-design/redesign-breast-simulator":254},{"title":179,"description":180,"tags":181,"image":187,"to":190,"status":174,"company":191,"date":192},"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.",[182,183,184,185,186],"Research","Design","Testing","Development","Monitoring",{"src":188,"alt":189},"/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":194,"description":195,"tags":196,"image":199,"to":201,"status":174,"company":191,"date":202},"Astra Redesign","Rehacer una plataforma de radio multimedia en torno al streaming, el descubrimiento y una identidad visual más clara.",[197,198],"Product Design","Design Systems",{"src":200,"alt":194},"/media/2026/02/Captura-de-pantalla-2026-02-13-a-las-18.22.02-scaled.webp","/product-design/astra-redesign","September 2024",{"title":204,"description":205,"tags":206,"image":209,"to":212,"status":174,"company":213,"date":214},"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.",[207,208],"UX Research","Product Strategy",{"src":210,"alt":211},"/media/projects/guesty/hero.webp","Booking Engine Setup de Guesty","/product-design/booking-engine-setup","Guesty","July 2023",{"title":216,"description":217,"tags":218,"image":220,"to":223,"status":224,"company":225,"date":226},"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.",[197,219],"UX Architecture",{"src":221,"alt":222},"/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":15,"description":161,"tags":228,"image":229,"to":230,"status":174,"company":15,"date":35},[163,68],{"src":39,"alt":165},"/product-design/la-caixa",{"title":232,"description":233,"tags":234,"image":236,"to":239,"status":224,"company":225,"date":240},"Alea - Client Area","A design system built from the product's needs and applied to the new Client Area: catalogue, calendar, downloads and RTP.",[197,235],"Design System",{"src":237,"alt":238},"/media/projects/alea/client-area/dashboard.webp","New Client Area dashboard","/product-design/new-client-area","October 16, 2024",{"title":242,"description":243,"tags":244,"image":247,"to":250,"status":251,"company":252,"date":253},"Kigo - New reservation details","El rediseño organizó el detalle de reserva para evitar confusiones y reducir las llamadas y los correos a soporte.",[245,246],"IA Design","Prototyping and testing",{"src":248,"alt":249},"/media/2026/02/image-hero-detail-v2.svg","Detalle de reserva de Kigo","/product-design/new-reservation-details","wip","Kigo","March 14, 2019",{"title":255,"description":256,"tags":257,"image":259,"to":262,"status":174,"company":263,"date":264},"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.",[197,258],"User Research",{"src":260,"alt":261},"/media/projects/crisalix/hero.webp","Simulador de Crisalix","/product-design/redesign-breast-simulator","Crisalix","July 2019",[266],{"slug":267,"name":225,"logo":268,"logoAlt":225,"summary":269,"description":270},"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.",1793895644822]