senior-uiux-designer-b2b-floral

Designs wholesale floral commerce interfaces with MOQ-aware purchasing workflows and component specifications.

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/KaranKathur06/Metal-Hub --skill senior-uiux-designer-b2b-floral
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-uiux-designer-b2b-floral
Source: https://github.com/KaranKathur06/Metal-Hub/tree/main/.cursor/skills/senior-uiux-designer-b2b-floral
Command: npx skills add https://github.com/KaranKathur06/Metal-Hub --skill senior-uiux-designer-b2b-floral

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams design B2B e-commerce experiences for wholesale floral buying that balance conversion, speed, and data density while reflecting real supply-chain constraints like availability, grading, MOQs, and multi-location delivery.

Core Features & Use Cases

  • Persona-led UX framework: Define target buyer and seller workflows (retail florist buyers, wholesale sales reps, and farm/grower suppliers) to ensure the interface matches day-to-day purchasing realities.
  • B2B interaction and information architecture guidance: Plan catalog filtering, comparison, cart/checkout flows, RFQ/quote workflows, and order management patterns using floral-specific logic (grades, stem counts, vase life, substitution, credit terms).
  • Design system and UI component specifications: Create a floral-appropriate design language (tokens, typography, icons) and detailed component behaviors (availability badges, quantity stepper with MOQ, pricing tables, filter panels, order timelines, notifications) to reduce ambiguity and improve usability.

Quick Start

Use this skill to generate a complete B2B floral marketplace UX plan including personas, key user journeys, information architecture, and UI component specs for product listing, cart/checkout, and order tracking.

Frequently Asked Questions about senior-uiux-designer-b2b-floral

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a B2B floral e-commerce checkout flow that handles quantity MOQs?

Designing B2B floral e-commerce checkout flows requires modeling quantity MOQs using specific component behaviors like quantity steppers and pricing tiers. This ensures wholesale buyers meet minimum stem count requirements while reducing checkout friction.

What is the best way to structure an RFQ workflow for wholesale flower buyers?

Structuring an RFQ workflow for wholesale flower buyers involves mapping out a dedicated RFQ-to-quote journey within the interface. This workflow accommodates floral supply-chain constraints like availability states, grading, and credit terms to improve buyer confidence.

How do I model availability states and floral supply-chain constraints in a design system?

Modeling availability states in a floral design system involves defining specific UI component behaviors like availability badges and notification toasts. These components reflect real supply-chain constraints such as vase life, substitution rules, and multi-location delivery.

Can I use standard e-commerce UI patterns for wholesale floral catalogs with pricing tiers?

Standard e-commerce UI patterns are insufficient for wholesale floral catalogs because they lack support for complex pricing tiers and MOQ logic. B2B floral UX requires persona-driven workflows and detailed component specifications tailored to professional buyer needs.

How do I plan information architecture for a B2B floral marketplace with farm grower suppliers?

Planning information architecture for a B2B floral marketplace requires defining target buyer and seller workflows for retail florists, sales reps, and farm grower suppliers. This ensures the catalog filtering and order management patterns match day-to-day purchasing realities.