homeprojectscontactES
Role
UX/UI Designer
Client
Molo Brands
Sector
D2C Fashion · E-commerce
Tools
Figma, Notion, Hotjar
Year
2023

Molo Brands · Product Catalog Tool

Internal ToolE-commerceInformation ArchitectureFigmaD2C Fashion

A D2C fashion brand managing 1,200+ SKUs across seasonal drops had no reliable source of truth for product data. I designed an internal PIM tool that replaced spreadsheets, WhatsApp threads, and Dropbox folders, giving every team member the same picture.

product catalog view.

What the team sees every day

The catalog list is the home screen: a scannable table of all SKUs with status, category, pricing, and quick access to each product record. Every field is editable inline. Every status transition is one click.

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›

Catalog list: 1,248 SKUs with status system, inline editing, and bulk actions

context.

The Problem

Molo Brands is a Valencia-based D2C fashion label with seasonal drops every 8 weeks. Their internal team managed product data through Google Sheets, WhatsApp messages, and shared Dropbox folders. When a product launched, the marketing team, e-commerce manager, and warehouse team all worked from different versions of the same information.

→ The team didn't need more information. They needed the right information, in one place, with clear ownership and status at every step.

product record.

One product, one complete record

Each product page consolidates core info, specs, pricing, imagery, and status in a single view. The status workflow (Draft → Review → Approved → Published) is visible and actionable from the same screen.

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

Product record: status workflow, imagery, specs, pricing, and variant management in one view

discovery.

What research revealed

Before opening Figma, I spent two days embedded with the team. I observed the e-commerce manager during a catalog update, sat with the warehouse coordinator during stock reconciliation, and interviewed the marketing lead. Three findings changed the direction of the solution:

bulk edit mode.

Seasonal updates in 20 minutes, not 3 hours

The most time-consuming task was updating pricing across an entire seasonal collection. I designed a bulk edit mode where the team selects multiple SKUs and updates shared fields at once, with a preview of the changes before applying them.

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)

Bulk edit mode: select multiple SKUs, preview changes with delta, apply in one action

the solution.

One product, one record, one owner

The tool was designed around three primary views: the catalog list, the individual product record, and the bulk edit mode. Every interface decision was driven by the team's daily workflow: speed of lookup, confidence in data accuracy, and minimal training required.

impact.
1,200+
SKUs migrated
30s
Avg product lookup
↓ 90%
Launch errors
20 min
Seasonal update (was 3h)
more to explore.
Curio
Curio Studio · Project Management SaaS
E-commerce
E-commerce Experience Optimization