[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"layout-profile":3,"project-product-design-redesign-breast-simulator-en":13,"project-cards-en":380,"client-hubs-en":465},{"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":376,"status":377,"stem":378,"subtitle":19,"__hash__":379},"productDesign/product-design/redesign-breast-simulator.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","Redesigning a surgical simulator around clarity, hierarchy and speed","\u003Cp>Crisalix converts 2D patient images into 3D simulations so surgeons can model aesthetic procedures and patients can better understand possible outcomes. I redesigned the simulator structure to reduce ambiguity, group related tools, prioritize the most-used functions and make the workflow easier to learn.\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","Crisalix breast simulation interface with the procedure selector open",{"title":32,"lead":33,"cardsFirst":34,"singleRow":34,"cards":35,"text":49},"Project overview","A research-led redesign for a complex clinical simulation tool",true,[36,40,43,46],{"lead":37,"text":38,"tone":39},"Company","Crisalix","subtle",{"lead":41,"text":42,"tone":39},"Period","Feb – Jul 2019",{"lead":44,"text":45,"tone":39},"Role","Research · Information architecture · Prototyping & testing",{"lead":47,"text":48,"tone":39},"Team","Product Lead · Product Manager · Product Designer · 4 Developers","\u003Cp>The simulator had grown around multiple tools and technical possibilities, but its information hierarchy no longer reflected how surgeons worked. The redesign focused on reorganizing the experience around procedures, making important actions easier to discover and reducing duplicated or unclear controls.\u003C/p>",{"title":51,"lead":52,"text":53,"groups":54},"The challenge","The simulator lacked hierarchy, grouping and clear interaction cues","\u003Cp>The existing interface mixed duplicated controls, unclear tool behavior and weak grouping of related functionality. Doctors could miss important tools, encounter the same control in several places or struggle to understand what happened after selecting an edit action. A heuristic review turned those observations into a concrete set of usability hypotheses.\u003C/p>",[55,66,71],{"cards":56},[57,60,63],{"lead":58,"text":59,"stat":34},"12","high-severity usability hypotheses",{"lead":61,"text":62,"stat":34},"2","medium-severity usability hypotheses",{"lead":64,"text":65,"stat":34},"63.3%","of breast-simulation usage focused on predefined views",{"note":67},{"type":68,"title":69,"message":70},"info","Design opportunity","Reorganize the simulator around the surgeon's mental model: procedures first, related tools grouped together, and frequent actions given clear priority.",{"images":72},[73],{"src":74,"alt":75,"caption":76},"/media/projects/crisalix/challenge.webp","Screens of the original simulator with the detected usability problems highlighted","Usability problems found in the original simulator",{"title":78,"lead":79,"groups":80},"Objectives & constraints","The redesign had to make a dense professional tool easier to understand without slowing expert users",[81],{"cardsColumns":82,"cards":83},3,[84,87,90,93,96,99],{"lead":85,"tone":39,"text":86},"Clarify hierarchy","Group the simulator around procedures and the relationships between tools.",{"lead":88,"tone":39,"text":89},"Remove duplication","Avoid repeated controls and inconsistent entry points for the same action.",{"lead":91,"tone":39,"text":92},"Make tools discoverable","Use clearer grouping and visual references so doctors can understand available functions.",{"lead":94,"tone":39,"text":95},"Prioritize frequent actions","Use product data to give greater weight to the tools surgeons use most.",{"lead":97,"tone":39,"text":98},"Preserve expert speed","Simplify orientation without turning the simulator into a slow step-by-step wizard.",{"lead":100,"tone":39,"text":101},"Improve communication","Strengthen the environment used by doctors to manage patient simulations and sharing.",{"title":103,"lead":104,"text":105,"groups":106},"Process","A four-phase roadmap combining research, product data, prototyping and technical alignment","\u003Cp>The project began with a 30-day research phase because the simulator served surgeons from different countries, ages and levels of familiarity. Interviews and heuristic analysis were combined with Analytics and CRM data, followed by architecture work, low-fidelity iterations, prototype testing and regular reviews with developers.\u003C/p>",[107,121],{"cards":108},[109,112,115,118],{"lead":110,"tone":39,"text":111},"01 · Discover","Stakeholder and surgeon interviews · Heuristic analysis · Quantitative review",{"lead":113,"tone":39,"text":114},"02 · Define","Validate hypotheses · Card sorting · Prioritize frequently used functionality",{"lead":116,"tone":39,"text":117},"03 · Explore","Brainstorming · Content architecture · Low-fidelity iterations",{"lead":119,"tone":39,"text":120},"04 · Deliver","Prototype testing · Developer reviews · Accessibility check · Handoff",{"note":122},{"type":68,"title":123,"message":124},"Working principle","Research, architecture and technical feasibility were treated as one continuous process rather than separate handoff stages.",{"title":126,"lead":127,"text":128,"groups":129},"Research & definition","Combine heuristics, interviews, card sorting and product data","\u003Cp>To understand how the simulator should be reorganized, I combined internal knowledge with direct feedback from surgeons. A heuristic analysis surfaced usability issues, while Analytics and CRM data revealed which tools were actually used. Remote card sorting then helped validate how functionality should be grouped and prioritized.\u003C/p>",[130,144,148,154],{"cards":131},[132,135,138,141],{"lead":133,"tone":39,"text":134},"Internal stakeholders","Sales, Customer Success and the CEO helped expose product and business constraints.",{"lead":136,"tone":39,"text":137},"Surgeon interviews","Client interviews validated assumptions with doctors from different countries.",{"lead":139,"tone":39,"text":140},"Heuristic analysis","The Breast simulator was reviewed using Nielsen's usability principles.",{"lead":142,"tone":39,"text":143},"Analytics + CRM","Usage data identified high-frequency tools and helped establish visual priority.",{"note":145},{"type":68,"title":146,"message":147},"Architecture validation","The initial grouping was treated as a hypothesis. Card sorting and real usage data were used together to decide which functions belonged together and which deserved greater prominence.",{"images":149},[150],{"src":151,"alt":152,"caption":153},"/media/projects/crisalix/heuristic-analysis.webp","Heuristic analysis annotating usability principles, severity and frequency on the original screens","Heuristic analysis · Nielsen's usability principles",{"imagesColumns":82,"images":155},[156,160,164],{"src":157,"alt":158,"caption":159},"/media/projects/crisalix/card-sorting-face.webp","Card sorting result for face procedures","Face procedures",{"src":161,"alt":162,"caption":163},"/media/projects/crisalix/card-sorting-breast.webp","Card sorting result for breast lift and mastopexy","Breast lift (mastopexy)",{"src":165,"alt":166,"caption":167},"/media/projects/crisalix/card-sorting-body.webp","Card sorting result for body procedures","Body procedures",{"title":169,"lead":170,"text":171,"groups":172},"Architecture & prioritization","Use evidence to decide what deserves visual weight","\u003Cp>The research showed that surgeons did not need every function to compete for attention. The new information architecture grouped tools by procedure, moved high-frequency functionality into more visible positions and separated navigation, simulation tools and patient-management actions into clearer regions.\u003C/p>",[173,184,190],{"cards":174},[175,178,181],{"lead":176,"tone":39,"text":177},"Procedure-first grouping","Functions were organized around how surgeons think about breast procedures rather than around isolated tools.",{"lead":179,"tone":39,"text":180},"Predefined views first","The most-used functionality became a persistent, easy-to-reach part of the simulator.",{"lead":182,"tone":39,"text":183},"Collapsible regions","Left and right navigation could collapse, reducing visual noise around the simulation area.",{"images":185},[186],{"src":187,"alt":188,"caption":189},"/media/projects/crisalix/architecture.webp","Content mapping of the breast simulator showing the new grouping of tools and patient-management actions","Content mapping · Breast architecture sample",{"title":191,"cards":192},"Usage evidence",[193,196,199],{"lead":194,"tone":39,"text":195},"63.3% · Predefined Views","The dominant action in breast simulation and the strongest signal for persistent placement.",{"lead":197,"tone":39,"text":198},"7.9% · Volume Differences","A secondary function that still needed easy access without dominating the interface.",{"lead":200,"tone":39,"text":201},"3.5% · Advanced Tools","Lower-frequency expert functionality moved into a clearer grouped tool area.",{"title":203,"lead":204,"text":205,"groups":206},"Lo-fi & validation","Translate the new architecture into testable interaction patterns","\u003Cp>Low-fidelity prototypes were used to test the new grouping before visual refinement. The design moved predefined views into a sticky area, separated saved simulations from tool selection and gave the main simulation viewport more space. Prototype reviews and developer conversations helped refine feasibility before handoff.\u003C/p>",[207,221],{"cards":208},[209,212,215,218],{"lead":210,"tone":39,"text":211},"Sticky predefined views","Frequent simulation views remain immediately available at the bottom of the workspace.",{"lead":213,"tone":39,"text":214},"Left navigation","Saved simulations and patient-sharing actions are grouped away from editing tools.",{"lead":216,"tone":39,"text":217},"Right tool grouping","Procedure-specific controls and advanced tools live in a dedicated collapsible region.",{"lead":219,"tone":39,"text":220},"Top-bar priorities","Doctor context and lower-weight utilities are separated from the primary simulation workflow.",{"imagesColumns":222,"images":223},2,[224,227,230,233,236],{"src":225,"alt":226},"/media/projects/crisalix/wireframe-1.webp","Low-fidelity wireframe with the procedure panel open on the right",{"src":228,"alt":229},"/media/projects/crisalix/wireframe-2.webp","Low-fidelity wireframe with the right panel collapsed",{"src":231,"alt":232},"/media/projects/crisalix/wireframe-3.webp","Low-fidelity wireframe of the breast augmentation procedure summary",{"src":234,"alt":235},"/media/projects/crisalix/wireframe-4.webp","Low-fidelity wireframe of the mastopexy and reduction procedure summary",{"src":237,"alt":238},"/media/projects/crisalix/wireframe-5.webp","Low-fidelity wireframe of the save simulation dialog",{"title":240,"lead":241,"text":242,"groups":243},"Developer handoff","Deliver the research logic, prototype behavior and implementation context","\u003Cp>The handoff focused on explaining why the new structure existed, not only what the prototype looked like. The client received an executive research summary and the prototype functionality definition, while the company designer received the design rationale and artefacts needed to continue visual refinement.\u003C/p>",[244,255],{"cards":245},[246,249,252],{"lead":247,"tone":39,"text":248},"Research summary","Validated usability issues, interview findings and prioritization evidence were consolidated for the client.",{"lead":250,"tone":39,"text":251},"Prototype functionality","The interaction model documented grouping, navigation behavior and the purpose of the main simulator regions.",{"lead":253,"tone":39,"text":254},"Design rationale","The company designer received the research and prototype logic needed to refine components and visual design.",{"note":256},{"type":68,"title":257,"message":258},"Handoff boundary","The final visual proposal was refined by the company's designer. My delivery covered research, information architecture, prototype behavior and the reasoning behind the new simulator structure.",{"title":260,"lead":261,"text":262,"groups":263},"Results & impact","A clearer simulator increased adoption and reduced the learning burden","\u003Cp>The new approach gave the product a clearer structure for both new and experienced users. Research-led grouping reduced the cognitive load of the simulator, while the simpler interaction model helped the company improve adoption, training and customer confidence.\u003C/p>",[264,278,290],{"cards":265},[266,269,272,275],{"lead":267,"text":268,"stat":34},"50% ↑","adoption of the tool by new users",{"lead":270,"text":271,"stat":34},"35% ↓","training time for users",{"lead":273,"text":274,"stat":34},"40% ↑","customer satisfaction in surveys",{"lead":276,"text":277,"stat":34},"20% ↑","patient referrals",{"title":279,"cards":280},"Product outcomes",[281,284,287],{"lead":282,"tone":39,"text":283},"Faster orientation","The simulator hierarchy gives new users a clearer starting point and reduces the need to learn the interface by trial and error.",{"lead":285,"tone":39,"text":286},"Evidence-led prioritization","Usage data and surgeon feedback determine what is persistent, secondary or grouped as advanced functionality.",{"lead":288,"tone":39,"text":289},"Scalable foundation","The information architecture provides a clearer base for future component and visual-system refinement.",{"note":291},{"type":68,"title":292,"message":293},"Business connection","Improving the simulator experience supported both product adoption and the quality of the consultation flow between surgeons and patients.",{"title":295,"lead":296,"groups":297},"Learnings & next steps","What this project changed in my design practice",[298,309,315],{"cards":299},[300,303,306],{"lead":301,"tone":39,"text":302},"Start with system structure","When a complex interface feels inconsistent, reorganizing the information model can create more value than polishing individual screens.",{"lead":304,"tone":39,"text":305},"Combine qualitative + quantitative","Interviews explained why surgeons struggled; Analytics and CRM data showed which functions actually mattered most.",{"lead":307,"tone":39,"text":308},"Handoff must explain decisions","Research rationale and prototype behavior are part of implementation context, especially when another designer continues the visual work.",{"title":310,"list":311},"Next steps",[312,313,314],"Validate the refined visual proposal with surgeons in real simulation tasks.","Continue tracking usage by procedure and tool to refine prioritization.","Extend accessibility work and consistency across the wider Crisalix communication environment.",{"note":316},{"type":68,"title":317,"message":318},"Key takeaway","For complex professional tools, clarity comes from making the product model visible: group related actions, prioritize real usage and keep design decisions traceable from research to implementation.",{"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","Redesign Crisalix's simulation experience so that surgeons would find it easier to create and manage 3D aesthetic procedure simulations based on patient images.",[328,329],"Product Design","User Research",{"src":29,"alt":331},"Simulador de Crisalix","Crisalix breast simulation interface","July 2019","Crisalix converts 2D patient images into 3D simulations so surgeons can model aesthetic procedures and patients can better understand possible outcomes. The redesign reorganized the simulator structure to reduce ambiguity, group related tools, prioritize the most-used functions and make the workflow easier to learn.",false,"md",{},"/product-design/redesign-breast-simulator","case_study","Product Design, UX Research, Information Architecture, Prototyping & Testing",[342,345,349,352,355,357,360,363,367,370,373],{"id":343,"label":344,"field":343},"hero","Overview",{"id":346,"label":347,"field":348},"project-overview","Project Overview","projectOverview",{"id":350,"label":351,"field":350},"challenge","Challenge & Evidence",{"id":353,"label":354,"field":353},"objectives","Objectives & Constraints",{"id":356,"label":103,"field":356},"process",{"id":358,"label":359,"field":358},"research","Research & Definition",{"id":361,"label":362,"field":361},"architecture","Architecture & Prioritization",{"id":364,"label":365,"field":366},"lo-fi","Lo-fi & Validation","lofi",{"id":368,"label":369,"field":368},"handoff","Developer Handoff",{"id":371,"label":372,"field":371},"results","Results & Impact",{"id":374,"label":375,"field":374},"learnings","Learnings & Next Steps",{"title":15,"description":334},"published","product-design/redesign-breast-simulator","UIqViXgQPA5gmkgwefIzL2u7TNI4HwNKlcWtg19PeCQ",{"/product-design/astra-fm-app":381,"/product-design/astra-redesign":396,"/product-design/booking-engine-setup":405,"/product-design/jackpot-ecosystem":416,"/product-design/la-caixa":428,"/product-design/new-client-area":439,"/product-design/new-reservation-details":449,"/product-design/redesign-breast-simulator":462},{"title":382,"description":383,"tags":384,"image":390,"to":393,"status":377,"company":394,"date":395},"Astra.fm Mobile App","A mobile experience intended for the purpose of extending Astra.fm's music ecosystem, drawing in new listeners, and improving audience retention.",[385,386,387,388,389],"Research","Design","Testing","Development","Monitoring",{"src":391,"alt":392},"/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":397,"description":398,"tags":399,"image":401,"to":403,"status":377,"company":394,"date":404},"Astra Redesign","Rebuilding a multimedia radio platform around streaming, discovery and a clearer visual identity.",[328,400],"Design Systems",{"src":402,"alt":397},"/media/2026/02/Captura-de-pantalla-2026-02-13-a-las-18.22.02-scaled.webp","/product-design/astra-redesign","September 2024",{"title":406,"description":407,"tags":408,"image":410,"to":413,"status":377,"company":414,"date":415},"Guesty - New Onboarding Flow","New architecture for the setup of Guesty’s Booking Engine to make configuration easy, removing obstacles so property owners can set it up quickly and start welcoming guests sooner.",[23,409],"Product Strategy",{"src":411,"alt":412},"/media/projects/guesty/hero.webp","Booking Engine Setup de Guesty","/product-design/booking-engine-setup","Guesty","July 2023",{"title":417,"description":418,"tags":419,"image":421,"to":424,"status":425,"company":426,"date":427},"Alea - Jackpot Ecosystem","Two products defined from their business rules: an engine where a campaign is configured tab by tab, and a manager for the player-facing template.",[328,420],"UX Architecture",{"src":422,"alt":423},"/media/projects/alea/jackpot/image-home.webp","Template Manager, Content tab, with the opt-in modal previewed on a phone","/product-design/jackpot-ecosystem","private","Alea","2025",{"title":429,"description":430,"tags":431,"image":434,"to":437,"status":377,"company":429,"date":438},"La Caixa","PAC is a private initiative belonging to the La Caixa Foundation. It is a public platform where users can book rooms anywhere in Spain.",[432,433],"Researcher","User testing",{"src":435,"alt":436},"/media/2026/03/image-hero-detail.webp","Plataforma de reservas de La Caixa","/product-design/la-caixa","April 12, 2017",{"title":440,"description":441,"tags":442,"image":444,"to":447,"status":425,"company":426,"date":448},"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,443],"Design System",{"src":445,"alt":446},"/media/projects/alea/client-area/dashboard.webp","New Client Area dashboard","/product-design/new-client-area","October 16, 2024",{"title":450,"description":451,"tags":452,"image":455,"to":458,"status":459,"company":460,"date":461},"Kigo - New reservation details","The redesign organized the reservation detail to avoid confusion and reduce calls and emails to support.",[453,454],"IA Design","Prototyping and testing",{"src":456,"alt":457},"/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":463,"image":464,"to":338,"status":377,"company":38,"date":333},[328,329],{"src":29,"alt":331},[466],{"slug":467,"name":426,"logo":468,"logoAlt":426,"summary":469,"description":470},"alea","/media/2026/02/Alea-RVB-Colour.svg","Product design for Alea, from the design system to the products built on it.","Product design for Alea, from the design system to the products built on it. Some details are confidential, so these case studies sit behind one password.",1793895644676]