Caso de portfolio: mini design system
Un mini design system es una pieza fuerte de portfolio porque muestra criterio visual, orden, documentación y conexión con desarrollo. No necesitás un sistema enorme: necesitás demostrar cómo reducís inconsistencias y acelerás decisiones.
Qué debe incluir el caso
- Problema: pantallas inconsistentes, componentes duplicados o falta de reglas.
- Auditoría: evidencia visual de los problemas detectados.
- Tokens: color, tipografía, espaciado, radios y sombras.
- Componentes: botón, input, card, badge, modal o tabla.
- Documentación: uso correcto, variantes, estados y accesibilidad.
- Aplicación: una pantalla antes/después usando el sistema.
Estructura recomendada
- Contexto del producto y usuario.
- Capturas del problema.
- Decisiones de tokens y componentes.
- Ejemplos de uso correcto e incorrecto.
- Pantalla rediseñada con el mini sistema.
- Aprendizajes y próximos pasos.
Proyecto práctico: publicá tu caso
Convertí una pantalla desordenada en un caso de estudio de 6 secciones. El foco no es decorar: es explicar cómo una decisión de sistema mejora consistencia, velocidad y accesibilidad.
Mini-rúbrica
- El caso muestra antes y después.
- Los tokens tienen nombres y usos claros.
- Los componentes incluyen estados y variantes.
- La documentación es breve y accionable.
- El resultado puede explicarse en una entrevista laboral.
Entregable: una página pública de portfolio o Notion con screenshots, decisiones y componentes documentados.