En equipo · design system
PlaceAnalyzer
Un design system para un producto de valuación de propiedades, publicado como un paquete que usa todo el frontend.
- Rol
- Design system + frontend
- Tipo
- Design system
- Entregado como
- Paquete npm + Storybook
De tokens a Storybook
Un paquete para cada pantalla
El problema
Cada pantalla armaba sus propios botones, colores y espaciados, así que la interfaz se desviaba con cada versión.
Qué hice
- Convertí el aspecto en tokens. Color, espaciado, tipografía, radio y sombra, en un solo lugar.
- Lo publiqué como paquete. Con versiones, documentado en Storybook y publicado automáticamente.
- También construí en el producto. Íconos por tipo de propiedad y marcadores del mapa, pagos de planes y sus notificaciones, y fotos 360° con el contorno de cada propiedad.
Resultado Un solo paquete de diseño detrás de todas las pantallas del producto.
Siguiente casoFlowEQConstructor de flujos con React Flow y AWSOVer todo el trabajoEn equipos, proyectos para clientes y productos propios
¿Quieres uno así?
Cuéntame qué estás construyendo. Suelo responder en 1 a 2 días hábiles.