Ganson Thermal Printheads

Optimizing the BigCommerce Path-to-Purchase for Ganson

Background

Ganson Engineering serves a large base of B2B and B2C clients. However, their BigCommerce store was outdated and hard to navigate. Users struggled to find parts in the massive catalog. This created a disconnect between their brand reputation and the online customer experience.

The Challenge

Turn high traffic into completed sales. Analytics showed users were browsing but not buying. The site had too much friction. I needed to fix the Information Architecture (IA) and visual design. The challenge was to stop cart abandonment and simplify the buying process for B2C and B2B customers.

The Impact
  • 25% reduction in cart abandonment
  • 85+ Production-Ready Screens delivered, enabling a seamless handoff for development
  • Simplified Procurement by unifying B2B and B2C workflows into a single, intuitive interface
Role

Product Designer

Duration

3 months

Ganson project

Maximizing Conversions & Workflow Efficiency

Users weren't just "browsing". They were mission-critical buyers looking for specific products to buy in bulk. The design needed to prioritize find-ability over discovery.

01

Product Clarity

Implementing a high-clarity search and filtering architecture

02

Recurring Revenue

Enhancing product organization and re-ordering tools

Feature #1

Increasing Findability

“As a maintenance technician, I need to find a specific replacement part by its serial number and buy it immediately.”

Search and mega menu

Designed an oversized, high-contrast search field integrated directly into the mega menu which removes visual distractions and ensures that both Guest and B2B users can locate a product the moment the page loads.

Category landing page

I replaced the traditional marketing home page with a category landing page. This design improved users to browse the catalog immediately, reducing the click-depth to find a product by 50%.

Feature #2

Seamless Browsing

“As a Technical Buyer, I need to rapidly scan and filter products by key specifications directly in the feed so I can identify the correct part without navigating to product detail pages.”

Product category page with filtering and comparison tool
Search results with product matches and key specs

To reduce the friction of finding technical parts, I implemented a robust comparison tool and filtering logic that empowers users to isolate specific attributes (Left). Complementing this, the search results (Right) were designed for rapid validation, exposing essential data points upfront to accelerate the procurement workflow.

Product Detail Page

Product detail page: breadcrumbs, product images, title, SKU, pricing, quantity, Add to Cart and Add to Wishlist

Feature #3

Information Organization

“As a Technical Buyer, I need to validate specific attributes (like SKU, Condition, and Specs) immediately so that I can confirm compatibility without scrolling through unrelated information.”

Feature 3: Information Organization — Description, Specifications, Other Details, Related Products

To reduce the friction of finding technical parts, I implemented a robust comparison tool and filtering logic that empowers users to isolate specific attributes (Left). Complementing this, the search results (Right) were designed for rapid validation, exposing essential data points upfront to accelerate the procurement workflow.

Feature #4

Project Lists & Re-ordering

“As a Procurement Manager, I need to organize parts into separate lists (‘Warehouse A’ vs. ‘Warehouse B’) so that I can quickly re-order for specific projects without searching for individual items every month.”

Feature 4: Project Lists and Re-ordering — wishlist view with project lists and actions
Additional screens: product detail, about us, compare products on mobile