Ver

Proyectos

Cada caso, una historia visual

Freelo Design System

UX/UI · Design System · Interfaz 2024
01 / Desafío

Un producto digital que necesitaba escalar sin perder coherencia visual

Bitwage necesitaba un sistema de diseño que permitiera a su equipo de producto construir interfaces de forma consistente y eficiente. Sin un sistema centralizado, cada pantalla nueva implicaba decisiones repetidas, inconsistencias visuales y tiempo perdido. Freelo nació para resolver eso: un lenguaje visual compartido que escala con el producto.

02 / Stack

Herramientas

Figma Auto Layout Variables & Tokens Component variants Design documentation
03 / Proceso
Paso 01

Foundations: tokens, colores y tipografía

Definí los cimientos del sistema: paleta de color con escala completa (primary, secondary, neutral), tokens de espaciado, sistema tipográfico con jerarquías claras y grillas adaptables. Todo documentado para uso independiente por parte del equipo.

Paso 02

Componentes reutilizables

Construí una biblioteca de componentes en Figma con Auto Layout y variantes: botones, inputs, cards, navegación, modales y más. Cada componente está diseñado para adaptarse a distintos estados y contextos sin romper la coherencia visual.

Paso 03

Documentación orientada al equipo

Documenté el uso de cada componente y patrón con criterios de aplicación claros. El sistema está pensado para que cualquier diseñador o desarrollador del equipo pueda usarlo de forma autónoma y consistente.

04 / Resultado Visual
05 / Resultado
1 sistema fuente única de verdad para todo el equipo de producto
Tokens variables de diseño para escalar sin inconsistencias
Documentado criterios de uso claros para diseñadores y desarrolladores