Uniendo a la comunidad científica.

EBMT webpage in a tablet

El cliente

La Sociedad Europea para el Trasplante de Sangre y Médula (EBMT) es una organización sin ánimo de lucro que se estableció en 1974 para permitir que los científicos y médicos involucrados en el trasplante clínico de médula ósea compartan sus experiencias y desarrollen estudios cooperativos.

El reto

Organizar y clasificar todo el contenido y documentación para facilitar la búsqueda y el acceso a los diferentes usuarios de la web.

La solución

Investigación y definición

En esta fase, ayudamos a EBMT a comprender las necesidades reales del negocio para el nuevo sitio web. Realizamos una serie de entrevistas con diferentes miembros de EBMT, alrededor de Europa, teniendo en consideración sus necesidades e ideas. Identificamos y listamos los principales problemas a resolver:

  • Es difícil encontrar documentos y estudios en la estructura de la web antigua.
  • Es difícil que un nuevo usuario encuentre información y descubra cómo ser un nuevo miembro.
  • Imposibilidad de usar el sitio web en otras plataformas que no sean navegadores de escritorio.
  • Estructura fija que hacía imposible agregar nuevas páginas de información.

Diseño UX y UI

Analizamos toda la información recopilada en la fase anterior y comenzamos a crear prototipos y wireframes. Además, se definió un grupo de usuarios para definir la nueva estructura de contenidos utilizando la clasificación de tarjetas y probando los prototipos definidos. El diseño de la interfaz de usuario se definió después de la fase de wireframes y entregamos todas las páginas de la web utilizando un sistema de diseño basado en componentes.

EBMT website in a mobile phone

Sitio web basado en componentes

Diseñamos todos los componentes que la web necesitaba para crear su contenido. Creamos diseños para estas piezas y las agrupamos en una guía de estilo de componentes.

EBMT website in a laptop

Estructura de contenido

Uno de los principales problemas en EBMT fue la organización de una gran cantidad de documentos, estudios e información en la nueva web.
Al unir fuerzas con un grupo de usuarios creado para este fin, utilizamos técnicas de clasificación de tarjetas para organizar toda la información en un conjunto de categorías relacionadas con la estructura y cultura de la organización. Este enfoque resolvió sus necesidades presentes y futuras relacionadas con la organización del contenido.

Migración

La mayoría de los datos disponibles del sistema heredado se migraron al nuevo sitio web. Había mucha información para migrar de diferentes fuentes, por lo que creamos una estructura intermedia entre sitios heredados y nuevos para otorgar a los editores la posibilidad de revisar, crear o actualizar información antes de realizar la migración.
Utilizamos la API Migrate de Drupal para crear los scripts necesarios para mover información desde la estructura intermedia, transformar los datos y guardarlos en el nuevo sitio web de Drupal.

Premios

Este proyecto ganó un Premio Spanish Splash 2019 en la categoría de Diseño UX.

Habla con nosotros

Are you interested in starting a project with us, join our team or just say hello?