Proyectos
Cotalker DS
Design system construido a partir de principios de Diseño Atómico para promover la escalabilidad y consistencia de la interfaz de Cotalker.
Rol
Diseñadora UX/UI
Año
2023–2024
Herramientas
Figma
El contexto
La interfaz de Cotalker se construía principalmente con componentes de Material UI, la librería de Angular usada en el front-end. Esto permitía un desarrollo rápido, pero le daba a la plataforma un look genérico que en muchas pantallas no calzaba con la paleta de marca definida años atrás. El objetivo era diseñar un sistema de diseño consistente con la interfaz y coherente con la imagen de Cotalker.
Objetivos
Diseñar componentes siguiendo principios de Atomic Design.
Adaptar los componentes existentes a los colores y tipografía de Cotalker.
Mejorar la consistencia de la interfaz para evitar confusión en los usuarios.
Proceso
Paleta y tipografía
Tomé como base la paleta de color definida años atrás en Cotalker y elegí una tipografía gratuita afín a la usada en el logo de la marca.
Componentes base
Construí los componentes base (átomos) de la plataforma, adaptando los estilos heredados de Material UI a la identidad visual de Cotalker.
Composición incremental
A partir de los átomos diseñé componentes más complejos hasta construir vistas completas, cuidando que todas las piezas conversaran entre sí.
Mi rol
Como única diseñadora UX/UI del proyecto, diseñé y documenté cada componente en Figma, trabajando junto a un Product Manager para priorizar qué partes de la interfaz rediseñar primero.
Resumen
1 PM + 1 diseñadora
Equipo del proyecto
2023–2024
Duración
Figma
Herramienta principal
Aprendizajes
Fue mi primera experiencia construyendo un design system desde cero. El mayor desafío inicial fue la cantidad de componentes necesarios, pero una vez definidos los átomos, el proceso se volvió incremental. Esto reafirmó la importancia de la consistencia en un producto digital, y que un sistema de diseño nunca deja de evolucionar.