Bienvenido
Carlos Zubeldia · Product Designer
[000]
Designing a patient-centred experience that encourages prevention, rehabilitation and long-term wellbeing.Diseñando una experiencia centrada en el paciente que fomente la prevención, la rehabilitación y el bienestar a largo plazo.
Altessia is a specialised cardiology clinic dedicated to helping patients manage their cardiovascular health through every stage of their journey.
This project focused on redesigning the digital experience to better support patients in understanding their condition, exploring available treatments and accessing the resources needed for long-term care.
The work included UX audit, benchmark analysis, information architecture, wireframes and UI design across a two-month engagement.
Altessia es una clínica de cardiología especializada dedicada a ayudar a los pacientes a gestionar su salud cardiovascular en cada etapa de su recorrido.
Este proyecto se centró en rediseñar la experiencia digital para acompañar mejor al paciente: entender su condición, explorar los tratamientos disponibles y acceder a los recursos necesarios para el cuidado a largo plazo.
El trabajo incluyó auditoría UX, análisis de benchmark, arquitectura de la información, wireframes y diseño de interfaz a lo largo de dos meses.
What I worked onQue trabajé en el proyecto
Patients visiting Altessia were often looking for more than medical information. They needed guidance, clarity and reassurance throughout what is often a complex and emotional healthcare journey.Los pacientes que visitaban Altessia solían buscar algo más que información médica. Necesitaban orientación, claridad y tranquilidad a lo largo de un recorrido sanitario que a menudo es complejo y emocional.
One of the main challenges was helping users understand which services were relevant to their condition, what steps to follow after diagnosis, and how to maintain a healthy lifestyle after treatment. While the clinic offered a wide range of specialised services and resources, the existing experience made it difficult for patients to understand how these elements connected throughout their care journey.Uno de los principales retos era ayudar a los usuarios a entender qué servicios eran relevantes para su condición, qué pasos seguir tras el diagnóstico y cómo mantener un estilo de vida saludable después del tratamiento. Aunque la clínica ofrecía una amplia gama de servicios y recursos especializados, la experiencia existente dificultaba entender cómo se conectaban todos esos elementos a lo largo del proceso de cuidado.
The goal was to transform the website into a clearer and more structured experience that could support patients from diagnosis and treatment to recovery and long-term cardiovascular wellbeing.El objetivo era transformar la web en una experiencia más clara y estructurada, capaz de acompañar al paciente desde el diagnóstico y el tratamiento hasta la recuperación y el bienestar cardiovascular a largo plazo.
The project began with a UX audit focused on understanding how patients interacted with the existing website and identifying opportunities to improve clarity, navigation and information access.El proyecto comenzó con una auditoría UX centrada en entender cómo interactuaban los pacientes con la web existente e identificar oportunidades para mejorar la claridad, la navegación y el acceso a la información.
The patient journeyEl recorrido del paciente
“I need to understand what is happening and what I need.”«Necesito entender qué me está pasando y qué necesito.»
“I want to know which treatments are available and how they work.”«Quiero saber qué tratamientos hay disponibles y cómo funcionan.»
“I need guidance during my recovery and rehabilitation.”«Necesito orientación durante mi recuperación y rehabilitación.»
“I want to stay healthy and prevent future cardiovascular issues.”«Quiero mantenerme sano y prevenir futuros problemas cardiovasculares.»
Patients need a clearer, more guided experience that connects information, services and support to each stage of their cardiovascular health journey.Los pacientes necesitan una experiencia más clara y guiada que conecte información, servicios y apoyo en cada etapa de su recorrido de salud cardiovascular.
To design a more intuitive and supportive experience for Altessia patients, I analysed leading healthcare websites and digital platforms.Para diseñar una experiencia más intuitiva y de acompañamiento para los pacientes de Altessia, analicé webs y plataformas digitales líderes del sector salud.
The research focused on how they structure information, guide patients throughout their healthcare journey and build trust through clarity, consistency and accessibility.La investigación se centró en cómo estructuran la información, guían al paciente a lo largo de su recorrido sanitario y construyen confianza mediante claridad, consistencia y accesibilidad.
Key takeawayConclusión clave
Well-organised services and specialties that help users quickly identify the care they need while reducing navigation complexity.Servicios y especialidades bien organizados que ayudan a identificar rápidamente la atención necesaria y reducen la complejidad de la navegación.
Key takeawayConclusión clave
Transparent communication, specialist visibility and intuitive appointment flows that reinforce confidence throughout the patient journey.Comunicación transparente, visibilidad de los especialistas y flujos de cita intuitivos que refuerzan la confianza durante todo el recorrido del paciente.
Key takeawayConclusión clave
Clear content hierarchy and educational resources that simplify complex medical information and help patients understand every stage of their care.Jerarquía de contenido clara y recursos educativos que simplifican información médica compleja y ayudan a entender cada etapa de la atención.
Guide patients through each stage of care with clear navigation, contextual information and visible next steps.Guiar al paciente en cada etapa de la atención con navegación clara, información contextual y siguientes pasos visibles.
Prioritise content through strong information hierarchy to make complex medical topics easier to understand.Priorizar el contenido con una jerarquía sólida para hacer más comprensibles los temas médicos complejos.
Clear service descriptions, specialist information and consistent communication help patients feel informed and confident.Descripciones de servicio claras, información de especialistas y comunicación consistente para que el paciente se sienta informado y seguro.
Designing a clearer path through the patient’s journey.Diseñando un camino más claro a través del recorrido del paciente.
The navigation was redesigned to simplify decision-making and reduce cognitive load. Instead of organising information around the clinic’s structure, the new architecture follows the questions patients naturally ask during their healthcare journey.La navegación se rediseñó para simplificar la toma de decisiones y reducir la carga cognitiva. En lugar de organizar la información según la estructura de la clínica, la nueva arquitectura sigue las preguntas que los pacientes se hacen de forma natural durante su recorrido sanitario.
This approach makes treatments, services and supporting resources easier to discover while creating a more intuitive path towards the website’s primary goal: booking an appointment.Este enfoque facilita el descubrimiento de tratamientos, servicios y recursos de apoyo, y crea un camino más intuitivo hacia el objetivo principal de la web: pedir cita.
The redesign is built on a small set of design principles that keep every page consistent, calm and easy to follow for patients of any age.El rediseño se apoya en un conjunto reducido de principios de diseño que mantienen todas las páginas coherentes, tranquilas y fáciles de seguir para pacientes de cualquier edad.
Typography, colour, components and photography were defined as one shared system, so treatments, services and supporting resources always look and behave the same way across the site.La tipografía, el color, los componentes y la fotografía se definieron como un único sistema compartido, de modo que los tratamientos, los servicios y los recursos de apoyo se ven y funcionan igual en toda la web.
Which cardiovascular conditions do we treat at Altessia?¿Qué patologías tratamos en Altessia?
At Altessia we treat the main cardiovascular conditions in a specialised way, from cardiovascular risk to diseases such as ischaemic heart disease or heart failure.En Altessia tratamos de forma especializada las principales patologías cardiovasculares, desde el riesgo cardiovascular hasta enfermedades como la cardiopatía isquémica o la insuficiencia cardíaca.
Soft green tones communicate care, reassurance and wellbeing while maintaining contrast and accessibility.Los tonos verdes suaves comunican cuidado, tranquilidad y bienestar manteniendo el contraste y la accesibilidad.
Photography focuses on real interactions between patients and healthcare professionals, reinforcing trust, personalised care and the rehabilitation journey.La fotografía se centra en interacciones reales entre pacientes y profesionales sanitarios, reforzando la confianza, la atención personalizada y el proceso de rehabilitación.
Text and UI elements meet WCAG standards.El texto y los elementos de interfaz cumplen los estándares WCAG.
Buttons and interactive elements are sized for easy and confident use.Los botones y elementos interactivos tienen un tamaño cómodo y seguro de usar.
Body text is set at a comfortable size.El texto de párrafo tiene un tamaño cómodo de lectura.
8 pt spacing system applied across layouts for clarity and rhythm.Sistema de espaciado de 8 pt aplicado a todos los layouts para dar claridad y ritmo.
Every interaction supports patients throughout their rehabilitation journey.Cada interacción acompaña al paciente a lo largo de su proceso de rehabilitación.
Real professionals and authentic imagery build trust and confidence.Profesionales reales e imágenes auténticas generan confianza y seguridad.
Simple navigation and clear CTAs encourage appointment requests.Una navegación sencilla y llamadas a la acción claras favorecen la petición de cita.
The final interface translates the research, UX audit and information architecture into a clear digital experience that helps patients understand their healthcare journey, discover relevant treatments and confidently take the next step.La interfaz final traduce la investigación, la auditoría UX y la arquitectura de la información en una experiencia digital clara que ayuda al paciente a entender su recorrido sanitario, descubrir los tratamientos relevantes y dar el siguiente paso con confianza.
The homepage immediately connects physical activity with cardiovascular health, encouraging patients to take the first step towards prevention and rehabilitation.La home conecta de inmediato actividad física y salud cardiovascular, animando al paciente a dar el primer paso hacia la prevención y la rehabilitación.
Rehabilitation is presented as a structured journey, helping patients understand each stage of the programme and what to expect throughout their recovery.La rehabilitación se presenta como un recorrido estructurado que ayuda a entender cada etapa del programa y qué esperar durante la recuperación.
Real professionals, authentic patient interactions and specialised equipment reinforce trust while making the rehabilitation process feel approachable and personal.Profesionales reales, interacciones auténticas con pacientes y equipamiento especializado refuerzan la confianza y hacen que el proceso de rehabilitación se sienta cercano y personal.
Dedicated sections about the team, facilities and clinical philosophy help patients understand who will accompany them throughout their rehabilitation journey.Secciones dedicadas al equipo, las instalaciones y la filosofía clínica explican quién acompañará al paciente durante todo su proceso de rehabilitación.
Strategic calls to action are integrated across the experience, allowing patients to request an appointment naturally whenever they feel ready.Llamadas a la acción estratégicas integradas en toda la experiencia, para que el paciente pida cita de forma natural cuando esté listo.
To validate the new experience, I compared the redesigned patient journey against the initial UX audit findings. The restructured information architecture and clearer patient pathways directly addressed the navigation and comprehension issues identified at the start of the project, giving patients a more guided route from diagnosis to long-term care.Para validar la nueva experiencia, comparé el recorrido rediseñado del paciente con los hallazgos de la auditoría UX inicial. La reestructuración de la arquitectura de la información y unas rutas de paciente más claras atacaban directamente los problemas de navegación y comprensión detectados al inicio del proyecto, ofreciendo al paciente un camino más guiado desde el diagnóstico hasta el cuidado a largo plazo.
This project reinforced the importance of designing around real patient needs rather than internal clinic structure. By anchoring the experience in the patient journey — diagnosis, treatment, recovery and long-term care — the redesign helps patients feel informed and supported at every stage, while making it easier to take the next step towards booking an appointment.Este proyecto reforzó la importancia de diseñar en torno a las necesidades reales del paciente y no a la estructura interna de la clínica. Anclando la experiencia en el recorrido del paciente — diagnóstico, tratamiento, recuperación y cuidado a largo plazo — el rediseño ayuda a que el paciente se sienta informado y acompañado en cada etapa, y facilita dar el siguiente paso hacia la cita.
EmailEmail
carloszubeldiavilchez@gmail.com
LinkedInLinkedIn
in/czubeldia
ResumeCV
Download my resumeDescargar mi CV
LinkedIn
