Caso de estudio 01 · Comfone AG · ago. 2024 – oct. 20261 min de lectura
Diseñé el design system Pulse y construí la plataforma de e-learning que lo enseña a PMs y developers.
Dueño final del diseño = también me tocaba explicarlo.
Design lead de más de 80 apps de negocio. Un diseñador, sin rehacerlas.
Pulse es la plataforma de Comfone para más de 600 operadores móviles. Reportaba al COO y a la junta directiva. Cada app resolvía el layout, los gráficos y la navegación a su manera, y quienes aplicaban las reglas eran PMs y developers, no diseñadores.
Cada "no" aquí fue una opción real que alguien pidió.
Elegí C: Un selector de público: Developers, PMs o ambos
Porque los developers necesitan primero el código; los PMs, primero el trade-off.
Por qué no A: PMs y developers casi nunca abren Figma para aprender una regla.
Por qué no B: una sola voz para dos públicos dejaba cada página a medias para su lector.
Contrapartida: cada página escrita dos veces.
Elegí C: Una plataforma de e-learning a tu ritmo
Porque funciona sin mí en la sala y muestra quién ha aprendido qué.
Por qué no A: una wiki se lee una vez, si acaso, y nadie sabe quién la leyó.
Por qué no B: los workshops dependen de mi agenda y desaparecen al terminar la hora.
Contrapartida: tuve que construir y mantener un producto, no una página.
Elegí C: Fundamentos: tokens, grids, gráficos, navegación
Porque más de 80 apps en producción pueden adoptar los fundamentos de uno en uno.
Por qué no A: los componentes obligan a reescribir antes de que se vea ningún valor.
Por qué no B: las plantillas congelan las apps de hoy en vez de arreglarlas.
Contrapartida: menos pulido visible al principio.
Fundamentos primero. Los tokens se adoptan app por app; una librería de componentes, no.
Cambia de público, pulsa ⌘K o Ctrl K
Pilar 1 de 4
Para desarrolladores · cómo aplicarlo
Usa tokens semánticos, nunca valores en bruto. Un token describe su función, así que se adapta al tema y al modo de contraste sin tocar código.
color: var(--text-muted);
background: var(--surface-raised);
padding: var(--space-4);Terminado no es lo mismo que adoptado.
El resultado honesto
Terminado y documentado. El despliegue se estancó sin un responsable en cada equipo de app.
Un design system es un producto con usuarios, un roadmap y un responsable. La gobernanza empieza antes del primer token.
Disponible de inmediato. En Berna, abierto a mudarme, desplazarme o trabajar en remoto.
