Harwin came to us wanting to refresh their online presence, modernise their platform, and fix the technical issues that had built up over time. More importantly, they needed a website that could actually handle 4,000+ products and make them easy to find.

So, we rebuilt the site from the ground up. The new platform brings together Harwin’s Salesforce system for product data, Bynder for digital assets, and Payload CMS for content management, all served through a fast Next.js frontend. Everything syncs automatically, so when Harwin updates a product in Salesforce, it appears on the website almost instantly.

The results speak for themselves. Pages load 90% faster, product information stays accurate across over 4,000 products, and customers can find exactly what they need without the wait. It's a website that matches the precision of Harwin's aerospace-grade connectors.

Always up-to-date
Thanks to our custom middleware, the Harwin website syncs website data with their Salesforce database. When their team updates a product, those changes appear almost instantly. No manual updates, no stale data. Salesforce also acts as a source of truth for all of Harwin’s data, so there’s one key place to check data.

Filtering that works
We integrated Elastic Search to handle complex queries instantly. Filter by connector type, mounting style, contact material, or any combination, and results appear in milliseconds. We’ve seen a 97% increase in filter interaction since launch, showing customers are actually using it.

Everything in one place
Product images and technical documents pull from Bynder. CAD files display through TraceParts and Samacsys. Real-time stock availability appears via TrustedParts. All running on our custom middleware and a REST API.

The site is built using Payload CMS, a modern content management system. Harwin's marketing team can create and edit pages without developer help. Dynamic components keep the design consistent while giving them flexibility for new content.

The interface is clean, navigation is logical, and everything is built to help users find what they need fast. Want to know more about why we use Payload? Read our Lab Note about the benefits.

Many of Harwin's customers need cables built to exact specifications. We designed and built a tool that lets them configure exactly what they need, see it in 3D, and submit it directly to Harwin's sales team.

The interface uses a sidebar layout that guides users through each option logically, taking them through cable length, connector type, contact configuration, and more. As they build, a live 3D model updates in real-time via CADENAS' rendering engine. Visual cues like colour selectors and clear selection states make the process straightforward, even for more complex configurations.

Once configured, users can submit their request, which feeds directly into Harwin's Salesforce. They can also download a PDF datasheet or export CAD files in multiple formats. What used to take multiple emails now happens in minutes.