Plataforma digital
Digou design system
Cliente: Cementos Pacasmayo
Mi rol: UX/UI Designer
Cuando: Abril 2022 - Diciembre 2023
Categoría: Ecommerce B2B
Web: www.digou.com.pe
Digou — Design System
Sistema de diseño creado para estandarizar la experiencia visual y funcional del producto Digou, asegurando consistencia, escalabilidad y eficiencia en el diseño y desarrollo de nuevas funcionalidades.
Overview
El Design System de Digou define los principios visuales, componentes y patrones de interacción utilizados en la plataforma, alineando diseño, negocio y tecnología para acelerar la toma de decisiones y la construcción del producto.
Color System
Jerarquía tipográfica definida para títulos, subtítulos, cuerpos de texto y labels, optimizada para legibilidad en dashboards, formularios y vistas de alta densidad de información.
Typography System
Jerarquía tipográfica definida para títulos, subtítulos, cuerpos de texto y labels, optimizada para legibilidad en dashboards, formularios y vistas de alta densidad de información.
Icon System
Sistema de iconos diseñado para comunicar acciones, estados y categorías de forma clara y reconocible, manteniendo coherencia visual en todo el ecosistema Digou.
Illustrations & Empty States
Ilustraciones utilizadas para estados vacíos, onboarding y feedback visual, pensadas para guiar al usuario y reducir la fricción en momentos de baja información o primer uso.
Feedback & Alerts
Sistema de mensajes de estado (éxito, error, advertencia e información) que permite comunicar resultados de acciones y estados del sistema de manera clara y consistente.
Navigation Components
Componentes de navegación diseñados para facilitar el acceso rápido a las principales secciones del producto, priorizando claridad y eficiencia en el flujo del usuario.
Button
Tags
Dropdown open
Radio button
Tab / switch
Design System in Action
Ejemplo de implementación del sistema de diseño en la plataforma Digou, evidenciando cómo los principios, componentes y estilos se traducen en una experiencia coherente y escalable.
