Tokens y fundaciones
La base que garantiza coherencia
Colores, tipografías, espaciados, elevaciones y breakpoints definidos como variables reutilizables. Cualquier cambio en la marca se propaga automáticamente a todos los componentes y productos.
Sistema de diseño accesible.
Coherencia, cumplimiento y velocidad
Diseñamos y construimos sistemas de diseño accesibles para administraciones públicas y organizaciones que necesitan escalar su presencia digital sin perder el control.
Ya confían en nosotros empresas y organismos públicos comprometidos con la accesibilidad para hacer sus proyectos y los de sus clientes más accesibles
El reto de la coherencia digital a escala
Para proyectos que crecen y evolucionan cada día
Las organizaciones que gestionan varios portales, microsites y equipos de desarrollo se enfrentan a un problema recurrente: mantener una imagen coherente y el cumplimiento de la accesibilidad en todos ellos.
Los nuevos proyectos suelen arrancar desde cero, lo que deriva en una interpretación arbitraria de la marca y una aplicación desigual de los criterios de accesibilidad.
Un sistema de diseño bien construido resuelve esto de raíz, establece las reglas una vez y permite que cualquier equipo construya con autonomía y sin desviarse.
Un sistema de diseño que trabaja para ti
No entregamos un PDF de normas que nadie consulta. Entregamos el proceso de creación, ejecución y mantenimiento de proyectos digitales. Construimos un sistema vivo, tokens de diseño, componentes funcionales, documentación clara y procesos de gobernanza que permitan a tu organización escalar sin perder el control.
Librería de componentes
Construir rápido, construir bien
Componentes probados, documentados y accesibles por defecto. Desde botones y formularios hasta patrones complejos como navegación, tablas de datos o flujos de autenticación. Listos para usar en cualquier proyecto.
Documentación y guías
El conocimiento que no se pierde
Cada componente incluye: casos de uso, variantes, estados, comportamiento responsive, criterios de accesibilidad WCAG aplicables y ejemplos de implementación. Tu equipo y tus proveedores tienen una única fuente de verdad.
Gobernanza y mantenimiento
Un sistema que evoluciona contigo
Definimos quién puede proponer cambios, cómo se aprueban, cómo se versionan y cómo se comunican. El sistema de diseño no es un proyecto que termina: es una infraestructura que crece con tu organización.
¿Hablamos de tu sistema de diseño?
Cuéntanos qué portales gestionas, qué equipos intervienen, qué problemas tienes hoy. Te preparamos una propuesta adaptada a tu contexto y plazos sin compromiso.
Habla con nuestro equipo especializado
Habla directamente con nuestro equipo y te ayudaremos a construir proyectos accesibles
Cómo lo construimos
Una metodología probada, sin sorpresas
5 fases con entregables concretos y puntos de validación entre cada una. Nada avanza sin tu aprobación. Trabajamos codo a codo con tu equipo interno y, cuando termina el proyecto, el sistema es vuestro, documentado, transferido y listo para funcionar de forma autónoma.
01
Auditoría y descubrimiento
Analizamos tu ecosistema digital actual: portales existentes, guías de marca, deuda técnica, equipos implicados y necesidades específicas. Mapeamos qué tienes, qué falta y qué priorizar.
Entregables → Informe de estado actual, inventario de componentes existentes, mapa de stakeholders, backlog priorizado.
02
Fundaciones y tokens
Definimos la base del sistema: paleta de colores (con ratios de contraste validados), escala tipográfica, sistema de espaciado, grid, breakpoints y variables semánticas. Todo documentado y listo para implementar.
Entregables → Design tokens en formato JSON/CSS/Figma, documentación de fundaciones, guía de aplicación.
03
Componentes core
Diseñamos e implementamos la librería de componentes esenciales: tipografía, botones, enlaces, formularios, cards, navegación, tablas, alertas, modales. Cada uno con sus variantes, estados y criterios de accesibilidad.
Entregables → Librería en Figma, componentes funcionales HTML/CSS o framework acordado, documentación por componente.
04
Patrones y plantillas
Combinamos componentes en patrones de página completos: home, listados, detalle, buscador, formularios complejos, áreas privadas. Resolvemos los casos de uso reales de tu organización.
Entregables → Plantillas de página, patrones de UX documentados, flujos de interacción.
05
Gobernanza y transferencia
Establecemos el modelo de gobernanza: roles, flujos de propuesta y aprobación, versionado, changelog. Formamos a tu equipo y dejamos el sistema listo para funcionar de forma autónoma.
Entregables → Guía de gobernanza, sesiones de formación, documentación de onboarding para proveedores internos.
Elige tu punto de partida
Cada sistema de diseño es diferente. El alcance depende del número de componentes necesarios, complejidad de tu ecosistema, tecnologías de implementación y nivel de documentación requerido.
Sistema de diseño fundacional
Para organizaciones que empiezan de cero o necesitan establecer bases sólidas.
- 01 Tokens + 15-20 componentes core + documentación básica + gobernanza
- 02 3-6 semanas
- 03 Ideal para empezar con una base sólida y escalar después
Sistema de diseño completo
Para ecosistemas complejos con múltiples portales y equipos.
- 01 Tokens + 30-40 componentes + patrones de página + documentación completa + formación + gobernanza avanzada
- 02 6-12 semanas
- 03 Incluye formación a equipos internos y externos
Mantenimiento y evolución
Acompañamiento continuo para mantener el sistema vivo.
- 01 Nuevos componentes, actualizaciones, soporte a equipos
- 02 Retainer mensual adaptado a tus necesidades reales
- 03 Sin compromiso de duración, durante el tiempo que necesites
Con la confianza de equipos y profesionales que piensan en el futuro
Trabajamos con líderes de industria y equipos innovadores de todos los sectores, creando productos digitales que transforman cómo operan y crecen las empresas.
SaaS y Tecnología Más de 300 proyectos completados Viajes y Turismo Seguros Inmobiliario E-commerce y Retail Banca y Fintech Educación Especialistas en sectores tecnológicos Energía Salud y Farma Especialistas en sectores tecnológicos Educación Agencia independiente desde 2008 Telecom y Media Movilidad y Automoción
La confianza de equipos y profesionales que piensan en el futuro
¿Hablamos de tu sistema de diseño?
Cuéntanos qué portales gestionas, qué equipos intervienen, qué problemas tienes hoy. Te preparamos una propuesta adaptada a tu contexto y plazos sin compromiso.
Habla con nuestro equipo especializado
Habla directamente con nuestro equipo y te ayudaremos a construir proyectos accesibles
Diseño y desarrollo: lo que aprendemos, lo compartimos
Artículos, plantillas y casos prácticos para ayudar a tu equipo a acelerar el descubrimiento, el diseño y el crecimiento.
#Accessibility #WCAG
10 min
Así auditamos la accesibilidad web de administraciones públicas (paso a paso)
#AI #UX Design
7 min
Más allá del chat: interfaces agénticas dentro de tu producto
#UX Design
6 min
European Accessibility Act: estrategia para implementarla en tu web
#UX Design
8 min
Creando un handoff de desarrollo efectivo con Figma
Sumérgete en nuestras ideas, aprendizajes y reflexiones sobre diseño, innovación y tecnología.
Esto no acaba aquí. Mantente al día.
La newsletter semanal que te gustaría recibir de un amigo
Análisis sin filtros • Capturas reales • Prototipos de verdad