Sistema de Diseño

Mi Rol

Diseñadora UX/UI

Tareas
  • Diseño y documentación de un sistema de diseño UI escalable
  • Definición de bases visuales como color, tipografía, espaciado y reglas de layout
  • Creación de componentes y patrones reutilizables
  • Establecimiento de design tokens para asegurar consistencia entre pantallas y funcionalidades
  • Documentación del uso de componentes, comportamiento y lineamientos de accesibilidad

Descripción del Proyecto

Este proyecto se enfocó en la creación de un sistema de diseño escalable para respaldar el crecimiento de un producto digital. A medida que el producto evolucionaba, la necesidad de consistencia, eficiencia y alineación entre diseño y desarrollo se volvió clave. El sistema de diseño se construyó como una fuente única de verdad para ambos equipos.

El Reto

Diseñar un sistema estructurado que reemplazara decisiones de interfaz fragmentadas y aisladas, manteniendo al mismo tiempo la flexibilidad necesaria para escalar junto con el producto. El principal desafío fue alinear las necesidades de diseño y desarrollo sin frenar los flujos de trabajo ni limitar la creatividad.

Objetivos

  1. Definir un lenguaje visual y de interacción consistente
  2. Agilizar la creación de mockups mediante bases y componentes reutilizables
  3. Facilitar una implementación precisa y coherente durante el desarrollo
  4. Reducir trabajo repetitivo en diseño y desarrollo
  5. Proveer documentación clara sobre uso, comportamiento y accesibilidad
  6. Permitir escalabilidad y mantenibilidad a largo plazo

Proceso de Diseño

El proceso inició con una auditoría de las interfaces existentes para identificar inconsistencias y patrones repetidos. Primero se definieron las bases y los design tokens, seguido por la creación de componentes modulares. Se desarrolló documentación detallada para guiar tanto a diseñadores como a desarrolladores, asegurando alineación y consistencia en futuras iteraciones del producto.

De la idea a la realidad