Contexto institucional complejo
Las administraciones públicas tienen restricciones legales, identidades visuales corporativas y procesos de aprobación lentos. Diseñar dentro de esas limitaciones requirió un sistema de componentes altamente modular.
Civic Tech · Open Source 2019 – 2025
Diseñando la democracia digital para millones de ciudadanos
Co-fundé democrateam para llevar el software de participación ciudadana CONSUL Democracy a instituciones públicas de todo el mundo, liderando el diseño de producto desde cero durante 6 años.
Impacto del proyecto
Números que importan
30+
Instituciones públicasAyuntamientos, gobiernos regionales y organismos supranacionales desplegando la plataforma.
2M+
Ciudadanos alcanzadosUsuarios activos en plataformas desplegadas en España, Latinoamérica y Europa.
94%
Tasa de adopciónInstituciones que renovaron o ampliaron el contrato tras el primer año de uso.
AA
Accesibilidad WCAGTodas las interfaces diseñadas y validadas bajo el estándar WCAG 2.1 AA.
El problema
Las instituciones no sabían cómo digitalizar la democracia
En 2019, muchos ayuntamientos querían habilitar canales digitales de participación ciudadana, pero carecían de equipos técnicos capaces de desplegar, mantener y adaptar software complejo como CONSUL Democracy. El software existía, pero no llegaba a los ciudadanos.
Además, las interfaces heredadas priorizaban la funcionalidad técnica sobre la usabilidad: formularios confusos, flujos de votación poco claros y nula adaptación a mobile eran la norma. La participación era baja no por falta de interés ciudadano, sino por barreras de diseño evitables.
El objetivo
Hacer que participar sea tan fácil como votar en redes sociales
Crear una empresa especializada en desplegar, adaptar y mejorar continuamente CONSUL Democracy para instituciones públicas, con el diseño de producto como ventaja competitiva. El objetivo era reducir la fricción al máximo para cualquier perfil ciudadano: mayores, personas con baja alfabetización digital, usuarios móviles.
«Si el diseño de una plataforma cívica no funciona para una persona mayor en un teléfono antiguo, hemos fallado como diseñadores.»
Retos de diseño
Tres grandes desafíos
Usuarios muy heterogéneos
Desde un adolescente en móvil hasta una persona mayor en ordenador de sobremesa. Los flujos debían funcionar para todos sin comprometer la claridad, validados con tests de usuarios reales en cada iteración.
Contribuir a un proyecto open source
Nuestras mejoras de diseño debían ser lo suficientemente genéricas para integrarse en el repositorio público de CONSUL Democracy y beneficiar a todas las instituciones del mundo que lo usasen.
Proceso de diseño
De la investigación al despliegue
-
01
Research contextual
Entrevistas con funcionarios municipales y ciudadanos. Análisis de analítica de plataformas existentes para identificar puntos de abandono en propuestas y votaciones.
-
02
Arquitectura de información
Reestructuración de la navegación y jerarquía de contenidos. Card sorting con usuarios reales para validar la taxonomía de secciones.
-
03
Sistema de diseño
Creación de un design system modular sobre CONSUL: tipografía, colores y componentes que permitían a cada institución adaptar su identidad sin romper la accesibilidad.
-
04
Test e iteración
Pruebas de usabilidad presenciales y remotas con grupos de ciudadanos. Ciclos de iteración de dos semanas por módulo.
Rediseño del flujo principal
Propuestas ciudadanas más claras y accionables
El flujo de creación y votación de propuestas era el corazón de la plataforma. Lo reestructuré completamente: de 7 pasos a 3, con microcopy que guía al usuario en cada momento y validación en tiempo real.
Diseñé un sistema de tarjetas para la exploración de propuestas que separa claramente estado, categoría y acción principal. El resultado fue una reducción del 40% en el tiempo medio de completar una propuesta.
Mobile-first design
Participar desde el móvil, sin fricción
Más del 68% del tráfico llegaba desde dispositivos móviles, pero la experiencia era un port directo del escritorio. Diseñé una experiencia nativa mobile con navegación inferior, gestos táctiles y un flujo de votación de una sola mano.
El rediseño mobile incluyó un sistema de indicadores de progreso para votaciones con múltiples opciones y una pantalla de confirmación clara que redujo los errores de voto en un 60%.
Design system
Un sistema que escala con cada institución
Cada ayuntamiento tiene su propia identidad corporativa: colores, logotipos y directrices de comunicación distintas. Diseñé un sistema de componentes con tokens que permite personalizar la apariencia manteniendo intacta la estructura de accesibilidad.
El sistema incluye más de 40 componentes documentados en Figma, organizados por átomos, moléculas y organismos. Esto redujo el tiempo de onboarding de nuevas instituciones de 3 semanas a 5 días de media.
«La participación ciudadana digital no es un problema tecnológico. Es un problema de diseño.»
Resultados
Lo que logramos
Los cambios de diseño no son abstractos: se miden en personas que participan, en tiempo ahorrado y en errores evitados.
–40%
Tiempo por tareaReducción del tiempo medio para crear y publicar una propuesta ciudadana, medido con tests A/B.
+65%
Tasa de completitudUsuarios que completaron el flujo de votación sin abandonarlo, frente al 39% previo.
–60%
Errores de votoReducción de votos erróneos o anulados gracias a la nueva pantalla de confirmación.
5 días
Onboarding institucionalTiempo medio para que una institución tuviera su plataforma operativa, frente a 3 semanas antes.
WCAG AA
AccesibilidadPrimera versión de CONSUL con accesibilidad de nivel AA certificada.
30+
Instituciones desplegadasAyuntamientos, parlamentos y organismos de 8 países distintos.
Aprendizajes
Lo que me llevé de este proyecto
Seis años co-liderando democrateam me enseñaron más sobre diseño en contextos reales que cualquier proyecto de agencia.
-
01
El usuario más difícil define el diseño
Diseñar para el perfil con menos habilidades digitales siempre mejoró la experiencia de todos los demás. La accesibilidad no es una restricción: es el mejor brief de diseño.
-
02
Los sistemas escalan, los proyectos no
La inversión temprana en un design system modular ahorró cientos de horas en implementaciones posteriores.
-
03
El contexto institucional requiere paciencia
Los ciclos de aprobación en administraciones públicas son largos. Aprendí a documentar decisiones con argumentos de negocio claros para acelerar la validación.
-
04
Open source te hace mejor diseñador
Saber que tus decisiones afectarán a instituciones que ni conoces en países que no has visitado te hace pensar de forma más sistémica.
Próximos pasos
¿Qué haría diferente?
Investigación cuantitativa desde el inicio. En los primeros años nos apoyamos demasiado en el feedback cualitativo de las instituciones. Analítica de comportamiento desde el día uno habría acelerado la identificación de problemas.
Un programa formal de tests con ciudadanos. Muchos tests se hacían con funcionarios municipales. Un panel de ciudadanos reales para pruebas recurrentes es algo que tengo pendiente.
Componentizar antes la internacionalización. Varios idiomas con sentido de lectura diferente llegaron tarde al roadmap. Un sistema preparado para RTL desde el principio habría evitado deuda técnica.
Design ops más maduro. A medida que el equipo creció, la gestión de las librerías de Figma y la sincronización con desarrollo fue un punto de fricción.
¿Tienes un proyecto con impacto social?
Me encanta trabajar en productos que importan. Hablemos.
Otros casos de estudio
Decide Madrid
UX para la democracia directa de una ciudad de 3,3 millones de personas, reconocida con el Premio ONU al Servicio Público.
Caso de estudio Decide Madrid →
Aprendo a programar
Plataforma educativa para que niños de 6 a 12 años aprendan a programar sin ayuda de un adulto.
Caso de estudio Aprendo a programar →