Volver
Rita 2.0. - Design System
reto
El sistema de diseño anterior estaba desactualizado, era difícil de reutilizar y cada equipo había terminado creando librerías propias. Esto generaba diferencias entre productos y dificultaba que desarrollo pudiera apoyarse en una base común.
El objetivo fue construir una nueva base visual para productos internos, diferenciada de referencias externas y preparada para adaptarse a interfaces con necesidades distintas.
rol
Se trabajó como UX/UI & Product Designer dentro del equipo de diseño, colaborando con otras personas del equipo y con desarrollo para comprobar que los componentes fueran reutilizables en producto real.
Durante el desarrollo de CRM Marketing se asumió una participación especialmente activa en la evolución y aplicación práctica del sistema
proceso
- Se revisaron buenas prácticas, funcionalidades de Figma y sistemas consolidados como Material Design, Atlassian y Salesforce.
- Se definieron foundations, escalas, tipografía, color y reglas de componentes antes de extender la librería.
- Los componentes se probaron directamente en productos reales para detectar necesidades de escalabilidad, accesibilidad y consistencia.
decisiones dediseño claves
- Dos bases tipográficas.Se plantearon configuraciones de 14px para interfaces densas, como un CRM, y 16px para experiencias web con más espacio.
- Variables conectadas.Collections como Scale, Primitives, Base Font Size, Colour Semantics y Rita Colour se relacionaron entre sí para adaptar la apariencia de cada producto sin partir de cero.
- Sistema preparado para crecer.Foundations, Components, Assets e Icons se organizaron para incorporar nuevos elementos y variantes a medida que los productos lo necesitaran.
resultado &
aprendizajes
Rita 2.0 permitió montar mockups y templates más fieles mediante componentes compartidos, reduciendo tiempo en decisiones repetitivas de UI y aportando un lenguaje visual más coherente entre productos.
Aunque no dio tiempo a cerrar toda la documentación ni la versión mobile, el trabajo confirmó el valor de construir foundations sólidas: el esfuerzo inicial permite que diseño y desarrollo avancen con más alineación y rapidez a largo plazo.
otros proyectos
Volver
Rita 2.0. - Design System
reto
El sistema de diseño anterior estaba desactualizado, era difícil de reutilizar y cada equipo había terminado creando librerías propias. Esto generaba diferencias entre productos y dificultaba que desarrollo pudiera apoyarse en una base común.
El objetivo fue construir una nueva base visual para productos internos, diferenciada de referencias externas y preparada para adaptarse a interfaces con necesidades distintas.
rol
Se trabajó como UX/UI & Product Designer dentro del equipo de diseño, colaborando con otras personas del equipo y con desarrollo para comprobar que los componentes fueran reutilizables en producto real.
Durante el desarrollo de CRM Marketing se asumió una participación especialmente activa en la evolución y aplicación práctica del sistema
proceso
- Se revisaron buenas prácticas, funcionalidades de Figma y sistemas consolidados como Material Design, Atlassian y Salesforce.
- Se definieron foundations, escalas, tipografía, color y reglas de componentes antes de extender la librería.
- Los componentes se probaron directamente en productos reales para detectar necesidades de escalabilidad, accesibilidad y consistencia.
decisiones dediseño claves
- Dos bases tipográficas.Se plantearon configuraciones de 14px para interfaces densas, como un CRM, y 16px para experiencias web con más espacio.
- Variables conectadas.Collections como Scale, Primitives, Base Font Size, Colour Semantics y Rita Colour se relacionaron entre sí para adaptar la apariencia de cada producto sin partir de cero.
- Sistema preparado para crecer.Foundations, Components, Assets e Icons se organizaron para incorporar nuevos elementos y variantes a medida que los productos lo necesitaran.
resultado &
aprendizajes
Rita 2.0 permitió montar mockups y templates más fieles mediante componentes compartidos, reduciendo tiempo en decisiones repetitivas de UI y aportando un lenguaje visual más coherente entre productos.
Aunque no dio tiempo a cerrar toda la documentación ni la versión mobile, el trabajo confirmó el valor de construir foundations sólidas: el esfuerzo inicial permite que diseño y desarrollo avancen con más alineación y rapidez a largo plazo.
otros proyectos
Volver
Rita 2.0. - Design System
reto
El sistema de diseño anterior estaba desactualizado, era difícil de reutilizar y cada equipo había terminado creando librerías propias. Esto generaba diferencias entre productos y dificultaba que desarrollo pudiera apoyarse en una base común.
El objetivo fue construir una nueva base visual para productos internos, diferenciada de referencias externas y preparada para adaptarse a interfaces con necesidades distintas.
rol
Se trabajó como UX/UI & Product Designer dentro del equipo de diseño, colaborando con otras personas del equipo y con desarrollo para comprobar que los componentes fueran reutilizables en producto real.
Durante el desarrollo de CRM Marketing se asumió una participación especialmente activa en la evolución y aplicación práctica del sistema
proceso
- Se revisaron buenas prácticas, funcionalidades de Figma y sistemas consolidados como Material Design, Atlassian y Salesforce.
- Se definieron foundations, escalas, tipografía, color y reglas de componentes antes de extender la librería.
- Los componentes se probaron directamente en productos reales para detectar necesidades de escalabilidad, accesibilidad y consistencia.
decisiones dediseño claves
- Dos bases tipográficas.Se plantearon configuraciones de 14px para interfaces densas, como un CRM, y 16px para experiencias web con más espacio.
- Variables conectadas.Collections como Scale, Primitives, Base Font Size, Colour Semantics y Rita Colour se relacionaron entre sí para adaptar la apariencia de cada producto sin partir de cero.
- Sistema preparado para crecer.Foundations, Components, Assets e Icons se organizaron para incorporar nuevos elementos y variantes a medida que los productos lo necesitaran.
resultado &
aprendizajes
Rita 2.0 permitió montar mockups y templates más fieles mediante componentes compartidos, reduciendo tiempo en decisiones repetitivas de UI y aportando un lenguaje visual más coherente entre productos.
Aunque no dio tiempo a cerrar toda la documentación ni la versión mobile, el trabajo confirmó el valor de construir foundations sólidas: el esfuerzo inicial permite que diseño y desarrollo avancen con más alineación y rapidez a largo plazo.
otros proyectos