Goals🎯
• Restrict access to verified buyers and enforce country-specific rules
• Enable dynamic product filtering based on buyer’s registered country
• Allow customers to fill containers with mixed products using CBM (Cubic Meter) calculations
• Deliver real-time notifications and updates to both buyers and business partners
• Customize all key areas of the customer experience, from first visit to final delivery
• Enable dynamic product filtering based on buyer’s registered country
• Allow customers to fill containers with mixed products using CBM (Cubic Meter) calculations
• Deliver real-time notifications and updates to both buyers and business partners
• Customize all key areas of the customer experience, from first visit to final delivery
Key Challenges & Technical Solutions🛠
🔐 1. Compulsory Login / Register System
Challenge:
We needed to restrict browsing until a buyer’s country was known, to ensure accurate product access and shipping rules.
Solution:
We created a compulsory login/register popup overlay that appears on the homepage and must be completed before any site access.
Key Features:
Dual-tab popup (Login / Register), styled to match brand theme
Country field added to registration, not just at checkout
Responsive and mobile-ready UX
Session-based logic to track registered country and apply filters accordingly
Smart Container Cart with CBM Auto-Calculation
Challenge:
Traditional carts aren’t optimized for mixed-product containers, especially when product dimensions vary.
Solution:
We built a custom CBM (Cubic Meter) calculation system into the cart. When customers add items:
The system calculates total CBM in real-time
A visual progress bar shows remaining space (out of 1 CBM)
When full, a prompt informs the user that the container is ready
Why This Matters:
This mimics how businesses fill real containers for shipping, saving logistics time and improving cost predictability.
95 - Improved Buyer Experience
88 - Streamlined Operations
92 - Scalable System Design
98 - Professional UX/UI Across Devices
Results & Impact👨💼
✅ Improved Buyer Experience
Buyers can now register quickly, view region-specific inventory, fill containers visually, and track orders efficiently.
✅ Streamlined Operations for Admins & Partners
With real-time notifications and customized emails, both internal staff and external suppliers receive updates exactly when needed.
✅ Scalable System Design
Built to support future enhancements like live shipping integrations, multiple warehouses, and partner dashboards.
✅ Professional UX/UI Across Devices
All interfaces are responsive, mobile-friendly, and user-centric, giving a premium experience to B2B clients globally.
Buyers can now register quickly, view region-specific inventory, fill containers visually, and track orders efficiently.
✅ Streamlined Operations for Admins & Partners
With real-time notifications and customized emails, both internal staff and external suppliers receive updates exactly when needed.
✅ Scalable System Design
Built to support future enhancements like live shipping integrations, multiple warehouses, and partner dashboards.
✅ Professional UX/UI Across Devices
All interfaces are responsive, mobile-friendly, and user-centric, giving a premium experience to B2B clients globally.
From The Client
Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Claritas est etiam processus dynamicus, qui mutationem consuetudium.
