Guindo. Disseny de Producte Digital

Clínica Eugin

Redisseny de sites públics i àrea privada

La Clínica Eugin és un centre de reproducció assistida amb seus a Barcelona i Madrid. És un dels centres europeus de referència, participant regularment en els principals congressos mèdics i publicant a les revistes científiques més prestigioses. La clínica atén usuàries de tota Europa; entre el 80 i 90% de les pacients són de França i països àrabs, amb una edat mitjana superior als 40 anys.

El site d’Eugin ofereix molta informació sobre temes de fertilitat, així com un petit test de prediagnòstic que orienta les pacients sobre el millor tractament per al seu cas, i ofereix la possibilitat tant de sol·licitar més informació com de programar una visita amb un metge especialista.

Durant 2015 i 2017, vam col·laborar amb els responsables de comunicació de la clínica. L’objectiu del projecte era transmetre una imatge de calidesa, proximitat i empatia, on la relació amb la pacient fos molt important. A nivell comunicacional, es pretenia no exalçar el metge, sinó l’equip en conjunt; així mateix, per motius ètics, no es mostren nadons. El site pretén també posar-se al nivell emocional de les usuàries, oferint eines per resoldre el seu problema i plantejant-se com el primer pas d’una experiència. Per això, els objectius de conversió són a llarg termini.

Durant la fase d’investigació es va realitzar un primer anàlisi del site i un informe que concloïa que:

• Entre un 15 i un 20% de les visites al site es realitzaven a altes hores de la matinada, principalment des de dispositius mòbils i tablets.
• La jerarquia visual tant dels textos com de l’organització de les pàgines era millorables, així com la manca de contrast en molts elements.
• L’Arquitectura de la Informació i la categorització dels continguts no era clara.
• La composició i diagramació de les pàgines no permetia l’escalabilitat dels continguts i mancava de retícula.
• Hi havia un excés de contingut redundant, presentant la informació de manera poc jerarquitzada i combinant la informació mèdica amb opinions personals d’antics pacients.
• Les imatges i infografies estaven pensades per ser impreses i no optimitzades per a la consulta en pantalles i dispositius mòbils.

També es va fer un anàlisi comparatiu dels sites de les principals clíniques de fertilitat del món, buscant bones pràctiques tant de comunicació, arquitectura de la informació com de patrons d’interacció.

Amb aquestes dades, es va definir una nova arquitectura de continguts del site, així com una nova estructura de pàgines i redisseny visual, tenint molt en compte els elements existents.

Es va apostar per una estructura més senzilla i contundent, basada en una retícula de 12 columnes amb 3 estructures tipus. També es va simplificar la gamma cromàtica, amb un únic color predominant i un segon només per ressaltar les crides a l’acció. El projecte també va incloure la revisió i optimització de les landing pages, que mancaven de coherència estructural i visual.

Posteriorment, també es va adaptar la línia gràfica i les plantilles del site del CIRH, centre mèdic orientat a la infertilitat masculina, seguint la mateixa filosofia plantejada a Eugin.

Un cop plantejades i implementades les pàgines públiques, es va prosseguir amb l’anàlisi de l’àrea privada del site. L’àrea privada és una eina d’ús intensiu per part de les usuàries un cop iniciada la relació amb Eugin. És un canal de comunicació directe on queda constància de totes les interaccions entre l’usuària i la clínica, des del prediagnòstic, durant el tractament i fins a la finalització del mateix.

Aquesta eina estava obsoleta, tant a nivell d’estructura com de tecnologia: no era coherent amb la imatge gràfica actual, no estava optimitzada per a tot tipus de dispositius i depenia massa de l’equip d’IT, tant per la gestió de dades com pel manteniment.

Vam dissenyar un àrea privada coherent amb els continguts i el disseny de la nova web d’Eugin, plantejant-la com una extensió de la mateixa. Es van millorar les eines internes (correu i comunicació, timeline de l’estat del tractament, agenda, passarel·la de pagament, formularis…) optimitzant els fluxos de treball per fer-los més eficients i efectius en el seu context d’ús.