Delfina López Matallana
← Trabajos UX/UI · Producto · Herramienta interna

Salvem les Fotos

Una webapp para que el laboratorio de la Universitat Politècnica de València pudiera seguir cada lote de fotografías dañadas por la DANA, desde que entra hasta que vuelve a su familia.

Rol
Diseñadora UX/UI
Cuándo
Enero 2025 · sprint de 10 días
Cliente
Laboratorio Salvem les Fotos · UPV
Equipo
Casi 30 personas de UX/UI, Full Stack y Data Science · Desafío de tripulaciones, EDEM
Salvem les Fotos: recuperar las memorias
Salvem les Fotos: recuperar las memorias

El punto de
partida.

El 29 de octubre de 2024, la DANA arrasó las plantas bajas de decenas de municipios de Valencia. Con el barro se fueron también las fotografías y los álbumes familiares: la memoria de miles de personas.

En la Facultad de Bellas Artes de la UPV, estudiantes y profesionales de Conservación y Restauración montaron un laboratorio para recoger, limpiar, desinfectar, montar y digitalizar esas fotografías. Todo se gestionaba a mano: hojas de registro en papel, un Excel que nadie tenía tiempo de actualizar y carpetas repartidas entre OneDrive y Google Drive.

Las calles tras la DANA. Fotografía de Albert Valiente
Las calles tras la DANA. Fotografía de Albert Valiente
Fotografía “máster” de un lote en el laboratorio
Fotografía “máster” de un lote en el laboratorio

Entender el proceso
antes de diseñar.

Entrevistamos a los coordinadores de digitalización y de restauración y seguimos el recorrido completo de un lote: registro, fotografía máster, almacenaje, restauración, desmontaje, limpieza, secado, digitalización, montaje y entrega.

En cada fase buscamos dónde se perdía tiempo y dónde había riesgo de que una fotografía se separara de su número de registro.

“Anula por lo menos a una o dos personas durante ese rato que tienen que estar aquí haciendo el registro y rellenando las fichas.”

Coordinador del área de digitalización

Lo que encontramos

  1. El registro se hacía a mano y después había que pasarlo a un Excel que estaba desactualizado.
  2. Tres voluntarias dedicaban parte de su jornada a contestar correos de familias que preguntaban por sus fotos, sin datos fiables para responder.
  3. Las imágenes de un mismo lote acababan en nubes distintas, sin continuidad entre fases.
  4. En los puntos críticos, como el almacenaje en congeladores, no quedaba registro de quién había hecho cada tarea.
Antes: el registro de lotes en papel
Antes: el registro de lotes en papel
Antes: el seguimiento por fases, a mano
Antes: el seguimiento por fases, a mano
Mapa de las fases por las que pasa un lote, con sus puntos críticos
Mapa de las fases por las que pasa un lote, con sus puntos críticos
Benchmarking de herramientas para organizar archivos e imágenes
Benchmarking de herramientas para organizar archivos e imágenes

Qué
diseñamos.

Fue el Desafío de tripulaciones de EDEM: casi 30 personas de UX/UI, Full Stack y Data Science trabajando para un cliente real. Con el equipo y los responsables del laboratorio elegimos las funciones con más impacto que se podían construir en un sprint de 10 días. El resultado: una webapp que centraliza todo el flujo de trabajo.

  1. Registro digital del lote, con el número asignado automáticamente y el formulario reducido a una sola cara.
  2. Cámara y escáner desde la propia app: cada foto se sube sola a la carpeta de su lote.
  3. Validación con DNI en las fases críticas, para saber siempre quién ha hecho qué.
  4. Seguimiento por fases para coordinación: el estado de cada lote, en tiempo real.
Canvas de propuesta de valor
Canvas de propuesta de valor
El formulario de registro rediseñado
El formulario de registro rediseñado
Desmontaje de un álbum antes de la limpieza
Desmontaje de un álbum antes de la limpieza
El flujo de tareas que diseñamos a partir de la investigación
El flujo de tareas que diseñamos a partir de la investigación
Wireframes de móvil: registro, almacenamiento, restauración y entrega
Wireframes de móvil: registro, almacenamiento, restauración y entrega

Un color
por fase.

El laboratorio es un entorno exigente: se trabaja con material de valor incalculable y con mucha concentración. Por eso la interfaz solo muestra lo que cada persona necesita en su fase, sin ruido.

Usamos el color para identificar cada fase del proceso. Así se ve de un vistazo en qué punto está un lote, la navegación es más rápida y la herramienta se aprende casi sin darse cuenta.

Inicio: una tarjeta de color por fase
Inicio: una tarjeta de color por fase
Almacén: lotes pendientes y ubicados
Almacén: lotes pendientes y ubicados
Validar la ubicación con DNI
Validar la ubicación con DNI
Restaurar: álbumes, fotos y marcos
Restaurar: álbumes, fotos y marcos
La paleta: un color para cada fase, más los colores de estado
La paleta: un color para cada fase, más los colores de estado
Pantallas en alta fidelidad con los colores aplicados
Pantallas en alta fidelidad con los colores aplicados
Vista de coordinación: el estado de cada lote en cada fase
Vista de coordinación: el estado de cada lote en cada fase

Móvil primero,
escritorio después.

Diseñamos y prototipamos la experiencia para móvil y para escritorio. En el sprint se desarrolló primero la versión móvil: en algunas fases es el único dispositivo que se usa, y el laboratorio tiene más móviles que ordenadores.

Para que desarrollo pudiera construirla con precisión, los componentes quedaron documentados en un sistema de diseño, y el traspaso desde Figma se hizo en contacto continuo con el equipo de Full Stack.

Sistema de diseño: botones, inputs, tarjetas, iconos por fase y componentes de cámara
Sistema de diseño: botones, inputs, tarjetas, iconos por fase y componentes de cámara
Acceso en escritorio
Acceso en escritorio
Del diseño en Figma al código
Del diseño en Figma al código
UX/UI, Full Stack y Data Science, trabajando juntos
UX/UI, Full Stack y Data Science, trabajando juntos

El
resultado.

Un sistema manual convertido en una herramienta usable, entregada en 10 días. Menos errores operativos, menos tiempo buscando cada lote y una sola fuente de información para todo el laboratorio.

  • +50.000

    fotografías afectadas por la DANA, con un proceso digitalizado.

  • 10 días

    desde la investigación hasta la entrega del producto.

  • 1 sola fuente

    de información: registro, fotos y estado de cada lote en el mismo sitio.

¿Hablamos?

d.lopezmatallana@gmail.com ↗

Busco un puesto de diseño gráfico o UX/UI. En Valencia, en presencial o cualquier modalidad; en el resto de España, en remoto. Si crees que encajo en tu equipo, me encantará hablar contigo.

© 2026 Delfina López MatallanaDiseño gráfico · UX/UI · Valencia