[{"data":1,"prerenderedAt":464},["ShallowReactive",2],{"layout-profile":3,"project-product-design-redesign-breast-simulator-es":13,"project-cards-es":372,"client-hubs-es":458},{"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":319,"card":324,"company":38,"cover":29,"coverAlt":332,"date":333,"description":334,"encrypted":335,"extension":336,"meta":337,"navigation":34,"path":338,"postType":339,"role":340,"sections":341,"seo":368,"status":369,"stem":370,"subtitle":19,"__hash__":371},"productDesignEs/product-design/redesign-breast-simulator.es.md","Redesign Breast Simulator",{"hero":17,"projectOverview":31,"challenge":50,"objectives":77,"process":102,"research":125,"architecture":168,"lofi":202,"handoff":239,"results":259,"learnings":294},{"title":18,"lead":19,"text":20,"tags":21,"imageLayout":26,"images":27},"Crisalix · 3D Aesthetic Simulation","Rediseñar un simulador quirúrgico en torno a la claridad, la jerarquía y la velocidad","\u003Cp>Crisalix convierte imágenes 2D de pacientes en simulaciones 3D para que los cirujanos puedan modelar procedimientos estéticos y los pacientes entiendan mejor los resultados posibles. Rediseñé la estructura del simulador para reducir la ambigüedad, agrupar herramientas relacionadas, priorizar las funciones más usadas y hacer el flujo de trabajo más fácil de aprender.\u003C/p>",[22,23,24,25],"Product Designer","UX Research","Information Architecture","Prototyping & Testing","single",[28],{"src":29,"alt":30},"/media/projects/crisalix/hero.webp","Interfaz de simulación mamaria de Crisalix con el selector de procedimiento abierto",{"title":32,"lead":33,"cardsFirst":34,"singleRow":34,"cards":35,"text":49},"Resumen del proyecto","Un rediseño guiado por la investigación para una herramienta clínica compleja",true,[36,40,43,46],{"lead":37,"text":38,"tone":39},"Empresa","Crisalix","subtle",{"lead":41,"text":42,"tone":39},"Periodo","Feb – jul 2019",{"lead":44,"text":45,"tone":39},"Rol","Research · Information architecture · Prototyping & testing",{"lead":47,"text":48,"tone":39},"Equipo","Product Lead · Product Manager · Product Designer · 4 Developers","\u003Cp>El simulador había crecido alrededor de múltiples herramientas y posibilidades técnicas, pero su jerarquía de información ya no reflejaba cómo trabajaban los cirujanos. El rediseño se centró en reorganizar la experiencia en torno a los procedimientos, hacer más fáciles de descubrir las acciones importantes y reducir los controles duplicados o poco claros.\u003C/p>",{"title":51,"lead":52,"text":53,"groups":54},"El reto","Al simulador le faltaban jerarquía, agrupación y señales claras de interacción","\u003Cp>La interfaz existente mezclaba controles duplicados, comportamientos de herramienta poco claros y una agrupación débil de las funcionalidades relacionadas. Los médicos podían pasar por alto herramientas importantes, encontrarse el mismo control en varios sitios o tener dificultades para entender qué ocurría tras seleccionar una acción de edición. Una revisión heurística convirtió esas observaciones en un conjunto concreto de hipótesis de usabilidad.\u003C/p>",[55,66,71],{"cards":56},[57,60,63],{"lead":58,"text":59,"stat":34},"12","hipótesis de usabilidad de severidad alta",{"lead":61,"text":62,"stat":34},"2","hipótesis de usabilidad de severidad media",{"lead":64,"text":65,"stat":34},"63,3 %","del uso de la simulación mamaria se concentraba en las vistas predefinidas",{"note":67},{"type":68,"title":69,"message":70},"info","Oportunidad de diseño","Reorganizar el simulador en torno al modelo mental del cirujano: primero los procedimientos, las herramientas relacionadas agrupadas y prioridad clara para las acciones frecuentes.",{"images":72},[73],{"src":74,"alt":75,"caption":76},"/media/projects/crisalix/challenge.webp","Pantallas del simulador original con los problemas de usabilidad detectados señalados","Problemas de usabilidad encontrados en el simulador original",{"title":78,"lead":79,"groups":80},"Objetivos y restricciones","El rediseño tenía que hacer más comprensible una herramienta profesional densa sin frenar a los usuarios expertos",[81],{"cardsColumns":82,"cards":83},3,[84,87,90,93,96,99],{"lead":85,"tone":39,"text":86},"Aclarar la jerarquía","Agrupar el simulador en torno a los procedimientos y a las relaciones entre herramientas.",{"lead":88,"tone":39,"text":89},"Eliminar duplicidades","Evitar controles repetidos y puntos de entrada inconsistentes para la misma acción.",{"lead":91,"tone":39,"text":92},"Hacer las herramientas fáciles de descubrir","Usar una agrupación más clara y referencias visuales para que los médicos entiendan las funciones disponibles.",{"lead":94,"tone":39,"text":95},"Priorizar las acciones frecuentes","Usar los datos de producto para dar más peso a las herramientas que más usan los cirujanos.",{"lead":97,"tone":39,"text":98},"Conservar la velocidad del experto","Simplificar la orientación sin convertir el simulador en un wizard lento paso a paso.",{"lead":100,"tone":39,"text":101},"Mejorar la comunicación","Reforzar el entorno que usan los médicos para gestionar y compartir las simulaciones de sus pacientes.",{"title":103,"lead":104,"text":105,"groups":106},"Proceso","Una hoja de ruta de cuatro fases que combina investigación, datos de producto, prototipado y alineación técnica","\u003Cp>El proyecto empezó con una fase de investigación de 30 días, porque el simulador daba servicio a cirujanos de distintos países, edades y niveles de familiaridad. Se combinaron entrevistas y análisis heurístico con datos de Analytics y del CRM, y después vinieron el trabajo de arquitectura, las iteraciones en baja fidelidad, las pruebas de prototipo y las revisiones periódicas con desarrollo.\u003C/p>",[107,121],{"cards":108},[109,112,115,118],{"lead":110,"tone":39,"text":111},"01 · Descubrir","Entrevistas con stakeholders y cirujanos · Análisis heurístico · Revisión cuantitativa",{"lead":113,"tone":39,"text":114},"02 · Definir","Validar hipótesis · Card sorting · Priorizar la funcionalidad de uso frecuente",{"lead":116,"tone":39,"text":117},"03 · Explorar","Brainstorming · Arquitectura de contenido · Iteraciones en baja fidelidad",{"lead":119,"tone":39,"text":120},"04 · Entregar","Pruebas de prototipo · Revisiones con desarrollo · Revisión de accesibilidad · Entrega a desarrollo",{"note":122},{"type":68,"title":123,"message":124},"Principio de trabajo","La investigación, la arquitectura y la viabilidad técnica se trataron como un proceso continuo, no como fases separadas con una entrega entre medias.",{"title":126,"lead":127,"text":128,"groups":129},"Investigación y definición","Combinar heurísticas, entrevistas, card sorting y datos de producto","\u003Cp>Para entender cómo había que reorganizar el simulador, combiné el conocimiento interno con el feedback directo de los cirujanos. Un análisis heurístico sacó a la luz los problemas de usabilidad, mientras que los datos de Analytics y del CRM revelaron qué herramientas se usaban de verdad. Después, un card sorting remoto ayudó a validar cómo debía agruparse y priorizarse la funcionalidad.\u003C/p>",[130,144,148,154],{"cards":131},[132,135,138,141],{"lead":133,"tone":39,"text":134},"Stakeholders internos","Ventas, Customer Success y el CEO ayudaron a sacar a la luz las restricciones de producto y de negocio.",{"lead":136,"tone":39,"text":137},"Entrevistas con cirujanos","Las entrevistas con clientes validaron las hipótesis con médicos de distintos países.",{"lead":139,"tone":39,"text":140},"Análisis heurístico","El simulador de mama se revisó con los principios de usabilidad de Nielsen.",{"lead":142,"tone":39,"text":143},"Analítica + CRM","Los datos de uso identificaron las herramientas de uso frecuente y ayudaron a establecer la prioridad visual.",{"note":145},{"type":68,"title":146,"message":147},"Validación de la arquitectura","La agrupación inicial se trató como una hipótesis. El card sorting y los datos de uso real se usaron juntos para decidir qué funciones iban juntas y cuáles merecían más protagonismo.",{"images":149},[150],{"src":151,"alt":152,"caption":153},"/media/projects/crisalix/heuristic-analysis.webp","Análisis heurístico anotando principios de usabilidad, severidad y frecuencia sobre las pantallas originales","Análisis heurístico · Principios de usabilidad de Nielsen",{"imagesColumns":82,"images":155},[156,160,164],{"src":157,"alt":158,"caption":159},"/media/projects/crisalix/card-sorting-face.webp","Resultado del card sorting de los procedimientos faciales","Procedimientos faciales",{"src":161,"alt":162,"caption":163},"/media/projects/crisalix/card-sorting-breast.webp","Resultado del card sorting de la elevación mamaria y la mastopexia","Elevación mamaria (mastopexia)",{"src":165,"alt":166,"caption":167},"/media/projects/crisalix/card-sorting-body.webp","Resultado del card sorting de los procedimientos corporales","Procedimientos corporales",{"title":169,"lead":170,"text":171,"groups":172},"Arquitectura y priorización","Usar la evidencia para decidir qué merece peso visual","\u003Cp>La investigación mostró que los cirujanos no necesitaban que todas las funciones compitieran por su atención. La nueva arquitectura de información agrupó las herramientas por procedimiento, movió la funcionalidad de uso frecuente a posiciones más visibles y separó en zonas más claras la navegación, las herramientas de simulación y las acciones de gestión del paciente.\u003C/p>",[173,184,190],{"cards":174},[175,178,181],{"lead":176,"tone":39,"text":177},"Agrupación por procedimiento","Las funciones se organizaron según cómo piensan los cirujanos los procedimientos mamarios, y no en torno a herramientas aisladas.",{"lead":179,"tone":39,"text":180},"Las vistas predefinidas, primero","La funcionalidad más usada pasó a ser una parte persistente y fácil de alcanzar del simulador.",{"lead":182,"tone":39,"text":183},"Zonas plegables","La navegación izquierda y derecha se puede plegar, lo que reduce el ruido visual alrededor del área de simulación.",{"images":185},[186],{"src":187,"alt":188,"caption":189},"/media/projects/crisalix/architecture.webp","Mapa de contenido del simulador de mama con la nueva agrupación de herramientas y de acciones de gestión de pacientes","Mapa de contenido · Muestra de la arquitectura de mama",{"title":191,"cards":192},"Evidencia de uso",[193,196,199],{"lead":194,"tone":39,"text":195},"63,3 % · Vistas predefinidas","La acción dominante en la simulación mamaria y la señal más fuerte para darle un sitio permanente.",{"lead":197,"tone":39,"text":198},"7,9 % · Diferencias de volumen","Una función secundaria que aun así necesitaba acceso fácil sin dominar la interfaz.",{"lead":200,"tone":39,"text":201},"3,5 % · Herramientas avanzadas","Funcionalidad experta de menor frecuencia, movida a un área de herramientas agrupada y más clara.",{"title":203,"lead":204,"text":205,"groups":206},"Lo-fi y validación","Traducir la nueva arquitectura a patrones de interacción que se puedan probar","\u003Cp>Se usaron prototipos de baja fidelidad para poner a prueba la nueva agrupación antes del refinamiento visual. El diseño movió las vistas predefinidas a una zona fija, separó las simulaciones guardadas de la selección de herramientas y dio más espacio al viewport principal de simulación. Las revisiones del prototipo y las conversaciones con desarrollo ayudaron a afinar la viabilidad antes de la entrega.\u003C/p>",[207,221],{"cards":208},[209,212,215,218],{"lead":210,"tone":39,"text":211},"Vistas predefinidas fijas","Las vistas de simulación frecuentes siguen disponibles al instante en la parte inferior del espacio de trabajo.",{"lead":213,"tone":39,"text":214},"Navegación izquierda","Las simulaciones guardadas y las acciones para compartir con el paciente se agrupan aparte de las herramientas de edición.",{"lead":216,"tone":39,"text":217},"Agrupación de herramientas a la derecha","Los controles propios de cada procedimiento y las herramientas avanzadas viven en una zona plegable dedicada.",{"lead":219,"tone":39,"text":220},"Prioridades de la barra superior","El contexto del médico y las utilidades de menor peso se separan del flujo principal de simulación.",{"imagesColumns":222,"images":223},2,[224,227,230,233,236],{"src":225,"alt":226},"/media/projects/crisalix/wireframe-1.webp","Wireframe de baja fidelidad con el panel de procedimiento abierto a la derecha",{"src":228,"alt":229},"/media/projects/crisalix/wireframe-2.webp","Wireframe de baja fidelidad con el panel derecho plegado",{"src":231,"alt":232},"/media/projects/crisalix/wireframe-3.webp","Wireframe de baja fidelidad del resumen del procedimiento de aumento mamario",{"src":234,"alt":235},"/media/projects/crisalix/wireframe-4.webp","Wireframe de baja fidelidad del resumen del procedimiento de mastopexia y reducción",{"src":237,"alt":238},"/media/projects/crisalix/wireframe-5.webp","Wireframe de baja fidelidad del diálogo de guardar simulación",{"title":240,"lead":241,"text":242,"groups":243},"Developer Handoff","Entregar la lógica de la investigación, el comportamiento del prototipo y el contexto de implementación","\u003Cp>La entrega se centró en explicar por qué existía la nueva estructura, no solo en cómo se veía el prototipo. El cliente recibió un resumen ejecutivo de la investigación y la definición de la funcionalidad del prototipo, mientras que la persona que diseñaba en la empresa recibió el razonamiento de diseño y los artefactos necesarios para continuar el refinamiento visual.\u003C/p>",[244,255],{"cards":245},[246,249,252],{"lead":247,"tone":39,"text":248},"Resumen de la investigación","Los problemas de usabilidad validados, los hallazgos de las entrevistas y la evidencia de priorización se consolidaron para el cliente.",{"lead":250,"tone":39,"text":251},"Funcionalidad del prototipo","El modelo de interacción documentó la agrupación, el comportamiento de la navegación y el propósito de las zonas principales del simulador.",{"lead":253,"tone":39,"text":254},"Razonamiento de diseño","La persona que diseñaba en la empresa recibió la investigación y la lógica del prototipo necesarias para refinar los componentes y el diseño visual.",{"note":256},{"type":68,"title":257,"message":258},"Límite de la entrega","La propuesta visual final la refinó la persona que diseñaba en la empresa. Mi entrega cubrió la investigación, la arquitectura de información, el comportamiento del prototipo y el razonamiento detrás de la nueva estructura del simulador.",{"title":260,"lead":261,"text":262,"groups":263},"Resultados e impacto","Un simulador más claro aumentó la adopción y redujo la carga de aprendizaje","\u003Cp>El nuevo enfoque dio al producto una estructura más clara tanto para usuarios nuevos como experimentados. La agrupación guiada por la investigación redujo la carga cognitiva del simulador, mientras que un modelo de interacción más sencillo ayudó a la empresa a mejorar la adopción, la formación y la confianza de los clientes.\u003C/p>",[264,278,290],{"cards":265},[266,269,272,275],{"lead":267,"text":268,"stat":34},"50 % ↑","de adopción de la herramienta entre usuarios nuevos",{"lead":270,"text":271,"stat":34},"35 % ↓","de tiempo de formación de los usuarios",{"lead":273,"text":274,"stat":34},"40 % ↑","de satisfacción de clientes en las encuestas",{"lead":276,"text":277,"stat":34},"20 % ↑","de derivaciones de pacientes",{"title":279,"cards":280},"Resultados de producto",[281,284,287],{"lead":282,"tone":39,"text":283},"Orientación más rápida","La jerarquía del simulador da a los usuarios nuevos un punto de partida más claro y reduce la necesidad de aprender la interfaz a base de prueba y error.",{"lead":285,"tone":39,"text":286},"Priorización guiada por la evidencia","Los datos de uso y el feedback de los cirujanos determinan qué es permanente, secundario o se agrupa como funcionalidad avanzada.",{"lead":288,"tone":39,"text":289},"Una base escalable","La arquitectura de información da una base más clara para refinar en el futuro los componentes y el sistema visual.",{"note":291},{"type":68,"title":292,"message":293},"Conexión con el negocio","Mejorar la experiencia del simulador reforzó tanto la adopción del producto como la calidad del flujo de consulta entre cirujanos y pacientes.",{"title":295,"lead":296,"groups":297},"Aprendizajes y próximos pasos","Lo que este proyecto cambió en mi forma de diseñar",[298,309,315],{"cards":299},[300,303,306],{"lead":301,"tone":39,"text":302},"Empezar por la estructura del sistema","Cuando una interfaz compleja se siente inconsistente, reorganizar el modelo de información puede aportar más valor que pulir pantallas sueltas.",{"lead":304,"tone":39,"text":305},"Combinar lo cualitativo y lo cuantitativo","Las entrevistas explicaron por qué los cirujanos tenían dificultades; los datos de Analytics y del CRM mostraron qué funciones importaban de verdad.",{"lead":307,"tone":39,"text":308},"La entrega tiene que explicar las decisiones","El razonamiento de la investigación y el comportamiento del prototipo forman parte del contexto de implementación, sobre todo cuando otra persona continúa el trabajo visual.",{"title":310,"list":311},"Próximos pasos",[312,313,314],"Validar la propuesta visual refinada con cirujanos en tareas de simulación reales.","Seguir midiendo el uso por procedimiento y por herramienta para afinar la priorización.","Ampliar el trabajo de accesibilidad y la consistencia en todo el entorno de comunicación de Crisalix.",{"note":316},{"type":68,"title":317,"message":318},"La conclusión principal","En herramientas profesionales complejas, la claridad viene de hacer visible el modelo del producto: agrupar acciones relacionadas, priorizar el uso real y mantener las decisiones de diseño trazables desde la investigación hasta la implementación.",{"type":320,"value":321,"toc":322},"minimark",[],{"title":10,"searchDepth":222,"depth":222,"links":323},[],{"title":325,"description":326,"tags":327,"image":330},"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.",[328,329],"Product Design","User Research",{"src":29,"alt":331},"Simulador de Crisalix","Interfaz de simulación mamaria de Crisalix","July 2019","Crisalix convierte imágenes 2D de pacientes en simulaciones 3D para que los cirujanos puedan modelar procedimientos estéticos y los pacientes entiendan mejor los resultados posibles. El rediseño reorganizó la estructura del simulador para reducir la ambigüedad, agrupar herramientas relacionadas, priorizar las funciones más usadas y hacer el flujo de trabajo más fácil de aprender.",false,"md",{},"/product-design/redesign-breast-simulator.es","case_study","Product Design, UX Research, Information Architecture, Prototyping & Testing",[342,345,348,351,353,355,357,359,362,364,366],{"id":343,"label":344,"field":343},"hero","Resumen",{"id":346,"label":32,"field":347},"project-overview","projectOverview",{"id":349,"label":350,"field":349},"challenge","Reto y evidencias",{"id":352,"label":78,"field":352},"objectives",{"id":354,"label":103,"field":354},"process",{"id":356,"label":126,"field":356},"research",{"id":358,"label":169,"field":358},"architecture",{"id":360,"label":203,"field":361},"lo-fi","lofi",{"id":363,"label":240,"field":363},"handoff",{"id":365,"label":260,"field":365},"results",{"id":367,"label":295,"field":367},"learnings",{"title":15,"description":334},"published","product-design/redesign-breast-simulator.es","xpSbGgUSuvFz93ROVp8x8aVrcEpzDKMwDcKC3dCFlcM",{"/product-design/astra-fm-app":373,"/product-design/astra-redesign":388,"/product-design/booking-engine-setup":397,"/product-design/jackpot-ecosystem":408,"/product-design/la-caixa":420,"/product-design/new-client-area":431,"/product-design/new-reservation-details":441,"/product-design/redesign-breast-simulator":454},{"title":374,"description":375,"tags":376,"image":382,"to":385,"status":369,"company":386,"date":387},"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.",[377,378,379,380,381],"Research","Design","Testing","Development","Monitoring",{"src":383,"alt":384},"/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":389,"description":390,"tags":391,"image":393,"to":395,"status":369,"company":386,"date":396},"Astra Redesign","Rehacer una plataforma de radio multimedia en torno al streaming, el descubrimiento y una identidad visual más clara.",[328,392],"Design Systems",{"src":394,"alt":389},"/media/2026/02/Captura-de-pantalla-2026-02-13-a-las-18.22.02-scaled.webp","/product-design/astra-redesign","September 2024",{"title":398,"description":399,"tags":400,"image":402,"to":405,"status":369,"company":406,"date":407},"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.",[23,401],"Product Strategy",{"src":403,"alt":404},"/media/projects/guesty/hero.webp","Booking Engine Setup de Guesty","/product-design/booking-engine-setup","Guesty","July 2023",{"title":409,"description":410,"tags":411,"image":413,"to":416,"status":417,"company":418,"date":419},"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.",[328,412],"UX Architecture",{"src":414,"alt":415},"/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":421,"description":422,"tags":423,"image":426,"to":429,"status":369,"company":421,"date":430},"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.",[424,425],"Researcher","User testing",{"src":427,"alt":428},"/media/2026/03/image-hero-detail.webp","Plataforma de reservas de La Caixa","/product-design/la-caixa","April 12, 2017",{"title":432,"description":433,"tags":434,"image":436,"to":439,"status":417,"company":418,"date":440},"Alea - Client Area","A design system built from the product's needs and applied to the new Client Area: catalogue, calendar, downloads and RTP.",[328,435],"Design System",{"src":437,"alt":438},"/media/projects/alea/client-area/dashboard.webp","New Client Area dashboard","/product-design/new-client-area","October 16, 2024",{"title":442,"description":443,"tags":444,"image":447,"to":450,"status":451,"company":452,"date":453},"Kigo - New reservation details","El rediseño organizó el detalle de reserva para evitar confusiones y reducir las llamadas y los correos a soporte.",[445,446],"IA Design","Prototyping and testing",{"src":448,"alt":449},"/media/2026/02/image-hero-detail-v2.svg","Detalle de reserva de Kigo","/product-design/new-reservation-details","wip","Kigo","March 14, 2019",{"title":325,"description":326,"tags":455,"image":456,"to":457,"status":369,"company":38,"date":333},[328,329],{"src":29,"alt":331},"/product-design/redesign-breast-simulator",[459],{"slug":460,"name":418,"logo":461,"logoAlt":418,"summary":462,"description":463},"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.",1793895644761]