B2B Fashion Wholesale Marketplace — Four Role Architectures
Supplier, retailer, visitor and admin surfaces across 386 frames.
A B2B fashion wholesale marketplace and digital showroom: supplier catalogue import, pre-orders and wholesale billing; retailer search, filters, wishlist, cart and QR code; admin approvals and mass notifications; plus buyer-interest heatmaps and a fairs and events surface. 402 children across four role architectures in a 386-frame design page. A UI/UX design credit — the style guide builds on licensed base primitives rather than original ones, and the platform's launch is not something this record establishes.
- Role
- UI/UX Designer
- Timeframe
- Oct 2023 – Apr 2024
- Stack
- Figma
- Evidence
- Live
- Design file
UI/UX designer for a comprehensive B2B wholesale fashion marketplace and digital showroom suite connecting apparel manufacturers (Fabricantes), retail buyers (Lojistas), visitors, and platform administrators across 402 design canvas nodes (386 frames). Engineered deep dual-viewport coverage (~117 MacBook Air desktop screens and ~72 iPhone 13 mobile companion screens), catalog bulk import, pre-order issuing, wholesale tiered billing, event showrooms, and buyer interest heatmaps.
Agency engagement at Sagitta between October 25, 2023 and April 30, 2024. Benchmarked against global wholesale leaders JOOR and NuORDER. Built to digitize Brazil's massive wholesale fashion trade fairs (such as Mega Polo Moda and São Paulo fashion districts): manufacturers showcasing seasonal collections and taking wholesale pre-orders, retailers buying across size curves and colorways, and platform admins tracking buyer demand through analytical heatmaps.
B2B wholesale fashion: seasonal discovery and size-curve orders
- 402
- design nodes on the core product canvas across 386 frames
- 4
- permissioned roles (Manufacturer, Retailer, Visitor, Admin)
- 117 / 72
- desktop MacBook Air screens paired with iPhone 13 mobile views
- Live
- production deployment matching design at listbox.com.br
Wholesale fashion commerce operates under completely different dynamics than consumer retail. Rather than purchasing individual garments, boutique owners buy entire seasonal collections months in advance, selecting size curves (P/M/G/GG), minimum order quantities (MOQ), and specialized color palettes. Inspired by global platforms like JOOR and NuORDER, ListBox was designed to digitize Brazil's bustling fashion wholesale fairs and industrial apparel showrooms.
Fabricante vs. Lojista: two symmetrical commercial workflows
The core product coordinates symmetrical commercial operations across four stakeholder roles:
- Fabricante / Fornecedor (Apparel Manufacturer) — Digital storefront setup, bulk catalog import (Produtos importados todos juntos), production batch lead times, wholesale pre-order management, and multi-version invoicing (faturamento v1, v2, v3).
- Lojista (Retail Buyer) — Category-based seasonal collection browsing, granular attribute filtering in modal overlays, wholesale wishlist curation, size-curve cart assembly, and pre-order issuance.
- Feiras e Eventos / Visitante — Trade fair guides, digital showroom access pass, event schedule directories, and QR code badges for in-person showroom visits.
- Admin Governance — Central control console managing supplier verification, product approvals, automated broadcast notifications (Notificações Enviar / Sucesso), and supplier ranking matrices.
Trade fairs, digital showrooms, and demand heatmaps
Fashion wholesale is heavily anchored around physical trade fairs. ListBox bridged physical and digital presence: buyers attending in-person showrooms could scan garment QR codes to add collections to their digital carts. Furthermore, for manufacturers and administrators, I designed analytical demand heatmaps (Mapa de Calor 2430:7539 and Metric Item 2828:15616) that mapped buyer interest, page dwell times, and pre-order volume across garment categories in real time.
Dual-viewport rigor: 117 desktop screens and 72 mobile screens
I architected the application with balanced dual-viewport parity: roughly 117 MacBook Air desktop screens paired with 72 iPhone 13 mobile companion screens. High-density data tables, wholesale pricing matrices, and inventory dashboards live on desktop for administrative back-office work, while mobile views provide on-the-go showroom browsing with bottom-sheet filter trays and fast pre-order authorizations.
Wholesale fashion isn't consumer shopping. Buyers order across size curves, months ahead of delivery, often walking trade show floors. The software has to be as fast on a phone in a showroom as it is dense on a desktop in a back office.
Verified live production deployment
ListBox is one of the distinct projects in the agency portfolio where the live software faithfully mirrors the Figma designs. The platform was built and launched to production at listbox.com.br. Even though the client subsequently initiated a contractual dispute with the agency, the deployed web application remains active and operational, serving as an audited public proof point of enterprise B2B marketplace design.
Evidence
Shipped to production and deployed live at listbox.com.br, faithfully reflecting Juan's Figma designs in the live software. While a contractual dispute later arose between the client and the agency, the application remains live and operational. Stands as verified evidence of high-density B2B wholesale workflows, multi-role permissions, and dual-viewport desktop/mobile execution.