[ CLIENT PROJECT ]

DIGIAGRO MARKET

B2B agricultural trading marketplace with real-time transaction UX and producer verification systems.

[ ROLE: LEAD PRODUCT DESIGNER ] [ TIMELINE: 6 WEEKS ] [ TOOLS: FIGMA ] [ TYPE: B2B MARKETPLACE PLATFORM ]
DigiAgro Market preview
[ THE BRIEF ]

Digitalizing wholesale agricultural trade

Traditional wholesale agricultural supply chains rely heavily on brokers, phone calls and manual paperwork, resulting in opaque pricing and high operational overhead. DigiAgro Market set out to digitalize this marketplace, allowing verified commercial growers and wholesale buyers to trade produce directly with real-time price discovery and escrow tracking.

DigiAgro required a multi-vendor agricultural machinery and supplies marketplace interface capable of handling technical equipment specs, RFQ (Request for Quote) flows, and bilingual transactions across Latin America.

[ SCOPE OF WORK // ITEMIZED ]

Delivered architecture

  • Trading Dashboard UX — Real-time price charts, bulk inventory listings and order execution interface
  • Buyer & Seller Verification Flow — KYB (Know Your Business) onboarding, certification badge UI and producer rating displays
  • B2B Catalog & Filter Architecture — High-volume filtering by harvest date, organic certification, volume tiers and freight availability
  • Brand Visual Language — Institutional, high-trust visual language blending organic greens with crisp enterprise data typography
  • Figma Component Library — Reusable trading tables, price tickers, status chips and responsive transaction modals
[ PROCESS ]

UX architecture steps

[ 01 // B2B TRANSACTION FLOW MAPPING ]

Mapped the end-to-end deal lifecycle: quotation request, logistics confirmation, escrow deposit, inspection sign-off, and payout release.

[ 02 // DATA DENSITY & READABILITY OPTIMIZATION ]

Engineered data tables that display metric tonnage, pricing tiers and logistics dates cleanly on both desktop screens and mobile field devices.

[ 03 // FIGMA INTERACTION HANDOFF ]

Delivered complete multi-role prototypes (Grower view vs. Buyer view) annotated for engineering integration.

[ FIGMA DESIGN FILE ]

View the DigiAgro App Figma workspace:

[ OPEN IN FIGMA → ]
[ DELIVERABLES HANDED OFF ]

Completed scope

  • Full Figma design system and component library for the B2B marketplace
  • Two-sided dashboard UI (Producer portal + Buyer procurement portal)
  • Design tokens for data visualization charts and telemetry indicators
  • Developer documentation detailing data states (empty, loading, live stream)
[ ★ VERIFIED RESULTS ]

+210% increase in vendor onboarding velocity; -45% reduction in quote submission drop-offs through simplified 3-step checkout funnel.

[ NEXT PROJECT ]
US DOOR & MORE
Design system and technical visual asset library
[ VIEW CASE STUDY → ]