← Volver al portfolio
Mobile · GovTech · Firma digital

Firma Mobile.
Firmar desde
el móvil, de verdad.

Rediseño completo de BL.FirmaMobile, la app de Berger-Levrault para que directivos de administraciones públicas firmen documentos oficiales desde el móvil. De una interfaz legacy roja con UX crítica a una app moderna, rápida y sin fricciones.

Empresa
Berger-Levrault · Savia
Timeline
Enero – Febrero 2025
Rol
Product Designer UX/UI
Plataforma
iOS + Android
Firma Mobile lista
Firma Mobile home
Firma Mobile acciones
−60%
Pasos en el flujo de firma
∞
Firma en lote: todos los documentos a la vez
V2
Rediseño completo en 6 semanas
0
Errores de validación interna
Contexto

Firma oficial, desde el bolsillo.

BL.FirmaMobile es la aplicación de Berger-Levrault utilizada por perfiles de alto mando en administraciones públicas para firmar documentos oficiales desde el móvil. La app es clave en procesos administrativos críticos donde se requiere agilidad, seguridad y cumplimiento normativo.

La versión existente tenía limitaciones importantes a nivel de usabilidad, velocidad y organización. Los directivos, con agendas muy apretadas, perdían tiempo en una app que debería ser invisible.

Versión anterior (V1)
BL Firma Mobile v1 login
El reto

5 problemas que hacían lenta la firma oficial.

📋
Sin priorización de documentos
Carga excesiva de documentos en la lista sin separar urgentes de no urgentes. El directivo no sabía por dónde empezar.
🔢
Flujo de firma excesivamente largo
El proceso de firma requería demasiados pasos manuales. Firmar un documento podía llevar minutos en lugar de segundos.
🔍
Sin filtros ni búsqueda
Ausencia de filtros para priorizar tareas. Sin búsqueda ni capacidad de filtrar por urgencia, tipo de documento o entidad emisora.
🎨
Interfaz anticuada y confusa
UI completamente roja, con bajo contraste y patrones confusos. Los botones de Firmar y Rechazar eran difíciles de distinguir en condiciones de uso real.
⚡
Sin firma en lote
Imposible firmar varios documentos a la vez. Cada firma era individual, haciendo el proceso insoportablemente lento para usuarios con 50+ documentos.
📱
Acceso por certificado digital
El proceso de configuración inicial era complicado: sin guía clara para el escaneo QR ni la configuración del entorno. Altísima tasa de abandono en el onboarding.
Antes y después

El mismo flujo. Otra experiencia.

Cada pantalla rediseñada con el mismo principio: reducir fricción, clarificar jerarquía, acelerar la tarea.

Acceso — pantalla de bienvenida
Antes
Antes login
→
Después
Después login
Mejoras clave
Acceso por QR o URL en lugar de usuario/contraseña. Onboarding guiado y claro. De rojo saturado a interfaz limpia indigo/blanco.
Lista de documentos pendientes
Antes
Antes lista
→
Después
Después lista
Mejoras clave
Saludo personal y contador de documentos. Buscador y filtros por tipo. Selección múltiple con firma en lote. Cards con estado claro. Botones Rechazar/Firmar visibles por documento.
Proceso de diseño

5 fases en 6 semanas.

01
Research
Análisis y comportamiento
Analicé el comportamiento actual de los usuarios y los puntos críticos. Mapeé los flujos existentes para identificar dónde se perdía tiempo y dónde ocurrían los errores.
User flowsPain pointsHeurísticas
02
UX Strategy
Rediseño del flujo
Redefiní el flujo completo: acceso directo a prioritarios, nueva visualización de estados, proceso de firma optimizado y control preciso para evitar firmar documentos incorrectos.
WireframesUser flowIA redesign
03
Features
Funcionalidades propuestas
Filtros avanzados por urgencia, tipo y entidad. Firma masiva: seleccionar todos los documentos y firmar en una sola acción. Ambas features altamente valoradas por el equipo.
FiltrosFirma en loteSwipe actions
04
UI Design
Diseño UI mobile-first
Interfaz limpia y mobile-first. Patrones sencillos para reducir carga cognitiva. Jerarquía visual clara. Áreas táctiles amplias adaptadas a movilidad real.
Design tokensComponentesWCAG AA
05
Validación
Prototipo y validación
Prototipo navegable para simular flujos completos. Validación interna con equipos de Savia y Berger-Levrault. Ajustes centrados en minimizar errores y acelerar tareas.
Figma prototypeUsability testIteration
→
Solución
El resultado
Una app moderna, intuitiva y lista para procesos administrativos críticos. Firma más rápida, mayor control sobre grandes volúmenes y diseño entregado en tiempo récord.
Pantallas V2

Cada pantalla, una decisión.

Desliza para ver todas las pantallas del nuevo diseño →

Bienvenido QR
Bienvenido · Acceso QR
Selección entidad
Selección entidad y cargo
Lista documentos
Home · Lista de documentos
Firma en lote
Firma en lote activa
Cards documento
Cards · Detalle documento
Resultados

Un rediseño que importa.

Aunque el proyecto estaba centrado en diseño y no en métricas finales post-implementación, los resultados cualitativos fueron claros.

−60%
Reducción de pasos en el flujo de firma
El nuevo flujo elimina pantallas intermedias y reduce las interacciones necesarias para firmar de múltiples pasos a una sola confirmación.
Lote
Firma en lote: todos los documentos de una vez
Funcionalidad inexistente en V1. Los usuarios con 50+ documentos pendientes pueden ahora firmarlos todos con una sola acción de confirmación.
UI
De rojo a indigo: legibilidad y confianza
El cambio de paleta resuelve contraste y la dificultad para distinguir Firmar de Rechazar. Filtros inteligentes para evitar saturación visual.
V2
Diseño listo para desarrollo en tiempo récord
Firma Mobile quedó lista para convertirse en una herramienta clave en la transformación digital de la firma en administraciones públicas españolas.