Overview
Pearlon, a trusted Canadian family-owned business based in Mississauga, Ontario, has been a leader in manufacturing and distributing professional hair and beauty products since 1974. Serving salons and spas with high-quality products and market-leading brands, Pearlon is committed to fostering a thriving beauty community through exceptional service and support.
To enhance its digital presence, Pearlon sought a complete website transformation. The outdated WordPress website lacked eCommerce functionality, preventing online transactions and forcing manual data management. The project required a full redesign, customized product pages, advanced search features, role-based pricing, and seamless third-party integrations to improve B2B operations.
Approach
Victor, owner of Pearlon, approached WebDesk Solution with an urgent need: transforming his outdated WordPress website into a fully functional eCommerce store. With no online purchasing capability, all transactions had to be handled manually, leading to inefficiencies, pricing errors, and lost sales opportunities.
Understanding the scope of the challenge, Daniel from WebDesk Solution led an in-depth consultation to define the project’s goals. Victor wanted a seamless B2B eCommerce solution where customers could buy directly online with pricing tailored to their specific group. WebDesk Solution proposed a structured plan, integrating WooCommerce with advanced B2B features to automate pricing, enhance user experience, and streamline the purchasing process.
Challenges
Lack of eCommerce Functionality
The client’s existing website only displayed a product catalog without online purchasing capabilities. This limited their ability to capture online sales, track customer data, and implement sales analytics. Since all transactions had to be managed manually, inefficiencies and pricing errors frequently occurred, increasing the risk of lost sales opportunities and customer dissatisfaction.
Outdated Website Design
The old website had a cluttered and outdated interface that was neither visually appealing nor functional. Customers struggled with confusing navigation, slow page load times, and a lack of mobile optimization, making it difficult to browse and place orders. The outdated design failed to reflect Pearlon’s brand identity and hindered their ability to attract and retain customers.
Grouped Product Display & Custom Layout
Pearlon needed a way to showcase grouped products from multiple brands on a single page. This required a custom layout where customers could select product variations by size and color. However, no native eCommerce solution supported this level of customization. Additionally, pricing needed to be displayed dynamically based on customer roles, adding another layer of complexity.
Data Migration from Shopify & Customer Groups
Transitioning to WooCommerce meant migrating extensive product data, customer accounts, and pricing structures from Shopify while ensuring business continuity. This process was particularly complex as customer information had to be assigned to specific B2B customer groups, each with distinct pricing rules. Ensuring accuracy and preventing data loss were top priorities.
Wholesale B2B Pricing & User Roles
Pearlon required a role-based pricing system that provided different pricing structures based on customer type. This included fixed pricing, percentage-based discounts, and tiered pricing based on minimum and maximum order quantities. Additionally, they needed multiple offline payment methods exclusively for B2B customers, requiring advanced integration beyond WooCommerce’s default capabilities.
Persistent Cart Across Devices
Customers often switched devices or browsers while shopping, which resulted in their cart contents being lost. This led to abandoned purchases and customer frustration. Pearlon wanted a solution where customers’ carts would remain intact across devices, allowing for a seamless shopping experience and reducing cart abandonment rates.
Custom Search Result Page Functionality
The default WooCommerce search results only displayed individual products. Pearlon required a more intuitive search experience where certain product searches would redirect customers to relevant category pages instead of single product listings. This would streamline navigation and improve the customer journey.
Enhanced Brand Page Experience
Customers often searched for products by brand, but the old website lacked a structured brand page. This made it difficult to browse products associated with specific brands. A dedicated brand directory with search and filtering capabilities was necessary to improve product discoverability and enhance user experience.
Education & Event Pages Optimization
The client hosted educational workshops and industry events but had no effective way to manage them online. The existing event pages lacked automation, required manual updates, and did not allow customers to filter events by date or location. This resulted in inefficiencies in event management and limited customer engagement.
Key Metrics
Our Solution:
WooCommerce Integration for Enhanced eCommerce Functionality
- Integrated WooCommerce and customized it for Pearlon’s B2B needs, ensuring that customers could easily browse, select, and purchase products online. Implemented dynamic pricing structures based on user roles, allowing wholesale buyers to see their respective prices automatically without manual adjustments. Developed custom checkout options that cater specifically to B2B customers, including purchase order management and offline payment integrations.
Modern Website Redesign
- Designed a fresh, mobile-optimized layout to enhance usability and improve customer engagement across all devices.
- Developed a streamlined navigation structure that allows users to find products quickly and efficiently, reducing bounce rates.
- Created wireframes and prototypes to ensure the final design met Pearlon’s brand identity and customer expectations before full implementation.
Expandable & Collapsible Category View For Better Navigation
- Developed an intuitive accordion-style layout that allows users to expand and collapse product categories, making bulk selection easier.
- Implemented a bulk add-to-cart feature, enabling customers to quickly select and purchase multiple variations of a product within the same category.
- Enhanced category-level filtering to allow customers to refine searches by brand, price, and product attributes effortlessly.
Smooth & Secure Data Migration
- Mapped and validated all Shopify data fields, ensuring accurate transfer of customer accounts, product details, and purchase history.
- Developed a custom script to migrate customer groups and bulk pricing rules while maintaining data integrity.
- Conducted multiple test migrations in a staging environment to prevent errors and data loss before the final launch.
B2B Woocommerce Integration With Role-Based Pricing
- Implemented a WooCommerce B2B module that allows different pricing tiers based on user roles, ensuring wholesale customers receive their correct discounts.
- Developed a hidden category system that displays exclusive product pricing only to logged-in wholesale customers.
- Integrated multiple payment gateways for B2B transactions, including options for bulk invoicing and net payment terms.
Persistent Cart Implementation For Cross-Device Shopping
- Engineered a system where customer carts are stored securely in the backend, ensuring items remain in the cart even when switching devices.
- Developed an auto-sync feature that updates the cart in real-time upon login, reducing abandoned cart rates and improving the shopping experience.
- Integrated cart recovery email notifications to remind users of their saved items and encourage order completion.
Custom Search Result Page Redirection
- Configured WooCommerce search logic to display category pages when users search for specific product groups instead of only individual products.
- Implemented intelligent search filters that prioritize relevant results based on past user behavior and frequently searched terms.
- Added an autocomplete feature to guide users toward relevant product categories and reduce time spent searching for items.
Brand Page Enhancement For Improved User Experience
- Introduced a dedicated brand directory where customers can filter products by brand logos and browse brand-specific collections.
- Implemented an AJAX-powered search bar that dynamically suggests brand names as users type, reducing navigation friction.
- Optimized brand pages with high-quality images and SEO-friendly descriptions to improve visibility and user engagement.
Optimized Education & Event Pages For Better Engagement
- Migrated all education and event listings into WooCommerce, allowing customers to register for classes and workshops like purchasing products.
- Developed an advanced filtering system for event searches based on date, location, and course level, improving user experience.
- Implemented validation rules to separate event purchases from product transactions, ensuring streamlined order management for both admins and customers.
Outcomes/Results
Successfully migrated Pearlon’s WordPress website to the latest version with WooCommerce integration.
Enabled online ordering and automated pricing, reducing manual workload.
Implemented advanced search and navigation features, improving user experience.
Transferred data from Shopify with minimal downtime and ensured business continuity.
Created a scalable, mobile-optimized platform positioned for long-term growth.
Conclusion
Through strategic WooCommerce integration, UI/UX enhancements, and data-driven solutions, WebDesk Solution successfully transformed Pearlon’s website into a modern eCommerce powerhouse. The improvements not only streamlined B2B transactions but also empowered Pearlon to scale efficiently while providing a superior customer experience.
