inicioproyectoscontactoEN
Rol
Diseñadora UX/UI
Cliente
Molo Brands
Sector
Moda D2C · E-commerce
Herramientas
Figma, Notion, Hotjar
Año
2023

Molo Brands · Herramienta de Catálogo de Producto

Herramienta internaE-commerceArquitectura de informaciónFigmaModa D2C

Una marca de moda D2C gestionando más de 1.200 SKUs en colecciones estacionales no tenía una fuente fiable de datos de producto. Diseñé una herramienta PIM interna que reemplazó las hojas de cálculo, los hilos de WhatsApp y las carpetas de Dropbox.

vista del catálogo de producto.

Lo que el equipo ve cada día

La lista del catálogo es la pantalla principal: una tabla fácil de recorrer con todos los SKUs, su estado, categoría y precio, y acceso rápido a cada ficha. Cada campo se edita en línea y cada cambio de estado es un solo clic.

Molo PIM📦 Products📁 Collections📊 Analytics⚙️ SettingsMolo Admininfo@molobrands.esProduct Catalog🔍 Search SKU or name...Bulk Edit+ New SKU↓ ExportAll (1,248)Draft (34)Review (12)Approved (890)Published (312)SKUNAMECATEGORYSTATUSPRICEACTIONML-SS24-001Linen Wrap Dress4 variants · 3 imagesDressesPublished€89.00✏ ···ML-FW24-001Wool Blazer — Camel3 variants · 6 imagesOuterwearApproved€245.00✏ ···ML-SS24-089Wide-leg Trousers5 variants · 4 imagesTrousersReview€165.00✏ ···ML-FW24-012Linen Shorts — Ecru4 variants · 3 imagesBottomsPublished€79.00✏ ···ML-SS24-102Silk Slip Blouse6 variants · 5 imagesTopsDraft€124.00✏ ···🟢 312 Published • 🟡 12 In Review • ✅ 890 Approved • ⬜ 34 DraftShowing 1–20 of 1,248 products‹12›

Lista de catálogo: 1.248 SKUs con sistema de estados, edición en línea y acciones masivas

contexto.

El problema

Molo Brands es una marca de moda D2C con sede en Valencia con colecciones cada 8 semanas. Su equipo interno gestionaba los datos de producto a través de Google Sheets, mensajes de WhatsApp y carpetas de Dropbox compartidas. Al lanzar un producto, el equipo de marketing, el responsable de e-commerce y el almacén trabajaban con versiones diferentes de la misma información.

→ El equipo no necesitaba más información. Necesitaba la información correcta, en un solo lugar, con propiedad clara y estado visible en cada paso.

ficha de producto.

Un producto, una ficha completa

Cada ficha de producto reúne en una sola vista la información básica, las especificaciones, los precios, las imágenes y el estado. El flujo de estados (Borrador → Revisión → Aprobado → Publicado) se ve y se gestiona desde la misma pantalla.

Products / Wool Blazer — CamelCancelSaveCORE INFOProduct NameWool Blazer — CamelSKUML-FW24-001CategoryOuterwearSPECIFICATIONSMaterial80% Wool, 20% PolyamideCare InstructionsDry clean onlyPRICINGRetail€245.00Wholesale€118.00Margin51.8%STATUS WORKFLOW✓Draft✓In Review✓Approved ← current○Published→ Publish NowAPPROVED IMAGES (6)+VARIANTSXSSMLXL

Ficha de producto: flujo de estado, imágenes, especificaciones, precios y gestión de variantes en una sola vista

descubrimiento.

Lo que reveló la investigación

Antes de abrir Figma, pasé dos días con el equipo. Observé al responsable de e-commerce durante una actualización del catálogo, acompañé al coordinador de almacén mientras cuadraba el stock y entrevisté a la responsable de marketing. Tres hallazgos cambiaron el rumbo de la solución:

modo edición masiva.

Actualizaciones estacionales en 20 minutos, no en 3 horas

La tarea más laboriosa era actualizar los precios de toda una colección estacional. Diseñé un modo de edición masiva donde el equipo selecciona múltiples SKUs y actualiza campos compartidos simultáneamente, con una vista previa de los cambios antes de aplicarlos.

Bulk Edit — 8 products selectedPreview changesApply to all →FIELDS TO UPDATE (select)✓Retail priceUpdate all selected SKUsWholesale priceStatus changeNEW VALUE€ 95.00or % changePREVIEW — 8 AFFECTED SKUsSKUCURRENTNEWCHANGEML-SS24-001€89.00€95.00+6.7%ML-SS24-089€79.00€95.00+20.3%ML-FW24-012€165.00—excludedML-SS24-102€124.00€95.00−23.4%⚠ 1 product excluded (category filter active)

Modo de edición masiva: selecciona múltiples SKUs, previsualiza los cambios con delta y aplica en una sola acción

la solución.

Un producto, una ficha, un responsable

La herramienta se diseñó en torno a tres vistas principales: la lista del catálogo, la ficha individual de producto y el modo de edición masiva. Cada decisión de interfaz fue impulsada por el flujo de trabajo diario del equipo: velocidad de búsqueda, confianza en la precisión de los datos y formación mínima requerida.

impacto.
1,200+
SKUs migrados
30s
Búsqueda media
↓ 90%
Errores en lanzamiento
20 min
Actualización estacional (antes 3h)
más proyectos.
Curio
Curio Studio · SaaS de Gestión de Proyectos
E-commerce
Optimización de Experiencia E-commerce