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

Molo Brands — Product Catalog Tool

Internal Tool E-commerce Information Architecture Figma D2C 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 ⚙️ Settings Molo Admin info@molobrands.es Product Catalog 🔍 Search SKU or name... Bulk Edit + New SKU ↓ Export All (1,248) Draft (34) Review (12) Approved (890) Published (312) SKU NAME CATEGORY STATUS PRICE ACTION ML-SS24-001 Linen Wrap Dress 4 variants · 3 images Dresses Published €89.00 ✏ ··· ML-FW24-001 Wool Blazer — Camel 3 variants · 6 images Outerwear Approved €245.00 ✏ ··· ML-SS24-089 Wide-leg Trousers 5 variants · 4 images Trousers Review €165.00 ✏ ··· ML-FW24-012 Linen Shorts — Ecru 4 variants · 3 images Bottoms Published €79.00 ✏ ··· ML-SS24-102 Silk Slip Blouse 6 variants · 5 images Tops Draft €124.00 ✏ ··· 🟢 312 Published • 🟡 12 In Review • ✅ 890 Approved • ⬜ 34 Draft Showing 1–20 of 1,248 products 1 2

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 — Camel Cancel Save CORE INFO Product Name Wool Blazer — Camel SKU ML-FW24-001 Category Outerwear SPECIFICATIONS Material 80% Wool, 20% Polyamide Care Instructions Dry clean only PRICING Retail €245.00 Wholesale €118.00 Margin 51.8% STATUS WORKFLOW Draft In Review Approved ← current Published → Publish Now APPROVED IMAGES (6) + VARIANTS XS S M L XL

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

discovery.

What research revealed

I spent two days embedded with the team before opening Figma — observing the e-commerce manager during a catalog update, sitting with the warehouse coordinator during stock reconciliation, and interviewing 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 simultaneously — with a preview of changes before applying.

Bulk Edit — 8 products selected Preview changes Apply to all → FIELDS TO UPDATE (select) Retail price Update all selected SKUs Wholesale price Status change NEW VALUE € 95.00 or % change PREVIEW — 8 AFFECTED SKUs SKU CURRENT NEW CHANGE ML-SS24-001 €89.00 €95.00 +6.7% ML-SS24-089 €79.00 €95.00 +20.3% ML-FW24-012 €165.00 excluded ML-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 daily workflow of the team — 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