Hospital de Sant Pau. Plataforma digital para empoderar a pacientes y profesionales sanitarios

2025 · UX Research, Arquitectura de Información, UI Design, Accesibilidad, Design Engineering, SEO, Product Management.

Tablet en perspectiva sobre fondo degradado rosa y morado, mostrando la web de Codi Medicament con contenido informativo, imágenes de profesionales y pacientes, y secciones explicativas estructuradas.
Tablet en perspectiva sobre fondo degradado rosa y morado, mostrando la web de Codi Medicament con contenido informativo, imágenes de profesionales y pacientes, y secciones explicativas estructuradas.

Visibilidad nacional para un programa clínico

El portal convierte la evidencia del Hospital de Sant Pau en una herramienta activa de captación de centros colaboradores en todo el sistema sanitario.

Accesibilidad como punto de partida

Diseñado desde el inicio para el usuario más vulnerable: persona mayor con deterioro cognitivo y tratamiento crónico complejo.

SEO integrado desde el wireframe

Posicionamiento técnico desde la fase de diseño para que los centros sanitarios encuentren el programa, no como parche posterior.

Reto


Difundir Codi Medicament y captar centros sanitarios colaboradores

Stradivarius necesitaba validar el rediseño de su ficha de producto, ya publicado en producción, antes de priorizar la siguiente ronda de mejoras. El equipo digital quería saber con exactitud qué funcionaba, qué generaba fricción y dónde se perdían oportunidades de conversión. Hi Experience realizó dos proyectos de investigación independientes, uno en desktop y otro en mobile, para cubrir la experiencia completa de compra.

Enfoque


Diseño UX, accesibilidad y SEO para un portal de salud pública

El programa atendía a dos audiencias completamente distintas: profesionales sanitarios y pacientes mayores polimedicados con sus cuidadores. Diseñamos una arquitectura de dos áreas — una pública, orientada a la difusión; una privada, protegida y pensada para el uso profesional — con lógicas de acceso y niveles de detalle propios.

La accesibilidad no fue un requisito de cumplimiento: fue el punto de partida. El usuario más vulnerable del portal es una persona mayor con deterioro cognitivo y diez medicamentos en el bolsillo.

Resultados


Un programa clínico con visibilidad y alcance nacional

Codi Medicament tiene ahora un portal que hace visible lo que antes circulaba solo por canales académicos: la magnitud del problema, el proceso asistencial validado y el camino para que otros centros se sumen. El Hospital de Sant Pau dispone de una herramienta activa de captación de colaboradores y difusión del programa en todo el sistema sanitario.

Página web de Sant Pau para registro profesional, con formulario para seleccionar centro sanitario y acceso al área de profesionales.

El público incluye personas mayores con deterioro cognitivo y tratamientos crónicos complejos. Contrastes revisados, tipografías legibles, interacciones simplificadas.

Accesibilidad para el usuario más vulnerable

Página promocional de Codi Medicament con médico sonriente, invitación a unirse al programa y acceso a contenidos sobre problemas de salud relacionados con medicamentos.

La información clínica requería protección sin fricciones. Diseñamos el sistema de registro y acceso para profesionales registrados. La separación de estas dos áreas fue la decisión estructural que ordenó la información de acceso público, de la que era específica para uso profesional.

Arquitectura pública / privada

Logo Hospital de Sant Pau
Hi Experience entendió desde el principio que este no era un proyecto de diseño convencional: era dar visibilidad a años de investigación clínica con consecuencias reales para el sistema sanitario.
— (Responsable del proyecto, Hospital de Sant Pau)

SEO desde el wireframe, no como parche

La difusión dependía de que los centros sanitarios encontraran el portal. Integramos SEO técnico desde la fase de wireframes para posicionar Codi Medicament como referencia española en prevención de problemas relacionados con la medicación.

Desarrollo WordPress integral

Hi Experience entregó el frontend completo en WordPress: estructura de páginas, cabeceras, secciones, e integración de Google Analytics 4 para el seguimiento desde el primer día.

Anterior
Anterior

Stradivarius. Identificando barreras de conversión en la ficha de producto mediante user research