Guindo. Diseño de Producto Digital

Clínica Eugin

Rediseño de sites públicos y área privada

La Clínica Eugin es un centro de reproducción asistida con sedes en Barcelona y Madrid. Es uno de los centros europeos de referencia, participando regularmente en los principales congresos médicos y publicando en las revistas científicas más prestigiosas. La clínica abarca usuarias de toda Europa, entre el 80 y 90% de las pacientes son de Francia y paises árabes, cuya edad media supera los 40 años.

El site de Eugin ofrece mucha información sobre temas de fertilidad, así como un pequeño test de pre-diagnóstico, que orienta a las pacientes sobre el mejor tratamiento para su caso, y ofrece la posibilidad tanto de solicitar más información, como de agendar una visita con un médico especialista.

Durante 2015 y 2017, colaboramos con los responsables de comunicación de la clínica. El objetivo del proyecto era ofrecer una imagen de calidez, proximidad y empatía, donde la relación con la paciente fuese muy importante. A nivel comunicacional se pretendía no ensalzar el médico sino el conjunto del equipo, así mismo por motivos éticos no se muestran bebés. El site pretende también ponerse a la altura emocional de sus usuarias, dando herramientas para solucionar su problema y planteándose como el primer paso de una experiencia. Por esta razón los objetivos de conversión son más a largo plazo.

Durante la fase de investigación se realizó un primer análisis del site y un informe que concluyó que:

  • Entre un 15 y un 20% de las visitas al site se realizaban a altas horas de la madrugada, principalmente desde dispositivos móviles y tablets.
  • La jerarquía visual tanto de los textos como de la organización de las páginas era mejorable, así como la falta de contraste en muchos elementos.
  • La Arquitectura de Información y la categorización de los contenidos no era clara.
  • La composión y diagramación de las páginas no permitia la escalabilidad de los contenidos y carecía de una retícula.
  • Había un exceso de contenido redundante, presentando la información de forma poco jerarquizada, combinando la información médica con las opiniones personales de antiguas pacientes.
  • Las imágenes e infografías estában pensados para ser impresos y no optimizados para la consulta en pantallas y dispositivos móviles.

Informe de usabilidad de Eugin

También se realizó un análisis comparativo de los sites de las principales clínicas de fertilidad en todo el mundo, en la búsqueda de buenas prácticas tanto de comunicación, arquitectura de información y patrones de interacción.

Con estos datos, se definió una nueva arquitectura de contenidos del site, así como una nueva estructura de páginas y rediseño visual, teniendo muy en cuenta los elementos existentes.

Diseño de la home de Eugin

Se apostó por una estructura más sencilla y contundente, apoyada en una retícula de 12 columnas con 3 estructuras tipo. También se simplificó la gama cromática, con un único color predominante y un segundo sólo utilizado para el realce de las llamadas a la acción. El proyecto también incluyó la revisión y optimización de landing pages, las cuales carecían de coherencia estructural y visual.

Posteriormente también se adaptó la línea gráfica y las plantillas del site del CIRH, centro médico orientado a la infertilidad masculina, siguiendo la misma filosofía planteada en Eugin.

Una vez planteada e implementadas las páginas públicas, se prosiguió con el análisis del área privada del site. El área privada se trata de una herramienta de uso intensivo por las usuarias una vez que se ha iniciado la relación con Eugin. Se trata de un canal de comunicación directo donde queda constancia de todas las interacciones entre la usuaria y la clínica, desde el pre-diagnóstico, durante el tratamiento y a la finalización del mismo.

Esta herramienta había quedado obsoleta, tanto a nivel de estructura como de tecnología: no siendo coherente con la imagen gráfica actual, no optimizada para todo tipo de dispositivos y es demasiado dependiente de IT, tanto por la gestión de datos como de mantenimiento.

Diseñamos un área privada coherente con los contenidos y diseño de la nueva web de Eugin, planteándola como una extensión de la misma. Se mejoraron las herramientas internas (correo y comunicación, timeline de estado del tratamiento, agenda, pasarela de pago, formularios…) optimizando los flujos de trabajo para hacerlos más eficientes y eficaces en su contexto de uso.

Diseño del área privada de Eugin