Smart B2B Product Selection — UI Exploration 

by Karthik Deshmukh

This interface was designed for Skippi’s B2B portal, where clarity meets conversion. Each product card is more than just a price tag — it’s an experience crafted around real buying behaviors: ✅ Bulk pricing that updates with interaction ✅ Inline “Add to Cart” with quantity adjustments ✅ Clean, tap-friendly checkboxes for multi-select ✅ Hover states that reveal tiered discounts ✅ Highlighted selections for better visual feedback 🔍 Key Features:  • Progressive Disclosure: Tapping “Exclusive Discounted Prices” reveals multi-tier pricing.  • Adaptive CTA Logic: Depending on state (not selected, selected, or quantity > 0), the “Add to Cart” area transforms contextually.  • Mobile & Desktop Consistency: UX remains tight across screens, especially crucial for mobile-first B2B buyers.