/work/tulSHIPPED
Tul
2022
UX/UI Designer · Design System · Webflow
E-commerceDesign SystemWebflow
// OVERVIEW — 001
Qué era el reto
Parte del equipo UX/UI a cargo del checkout y las pasarelas de pago, y de la WebApp completa.
// FEATURES — 002
Qué hace el producto
Checkout y pasarelas de pago
Diseño end-to-end del checkout y la integración de pasarelas.
Design system propio
Cada sprint, un miembro del equipo documentaba y presentaba un componente nuevo.
Producción de landing pages en Webflow
Mantenimiento diario del CMS, traduciendo requerimientos de todas las áreas.
Automatizaciones e integraciones
Integración de apps externas para requerimientos especiales.
Centro de ayuda in-app
Chat y llamada directa para resolver problemas de pedidos.
// IMPACT — 003
Números
80%
Clientes pagando digitalmente
+14%
Incremento en ventas por el cambio a digital
50%
Reducción en tiempo de creación de frames con el design system
2 meses
Duración del reto
// PROCESS — 004
Cómo se construyó
- 01Discovery de requerimientos con todas las áreas del negocio
- 02Diseño del checkout y las pasarelas de pago
- 03Creación colaborativa del design system
- 04Producción y mantenimiento diario de landings en Webflow
- 05Refinamiento con desarrollo y demo de resultados
// TOOLS — 005
Con qué se hizo
Figma
Prototipado y diseño
FigJam
Brainstorming
Adobe CS
Animación, ilustración e iconografía
Webflow
CMS de landings
Blender
3D para ilustraciones y animaciones de marca
// WAY OF WORK — 006
Ritmo del equipo
- 01Sprints de semana y media
- 021–2 días de design system por sprint
- 03Refinamiento diario en Webflow
- 04Demo con desarrollo al cierre