Corporate website and Pricing Management Application for an industrial manufacturer.

TR Fastenings is a division of the LSE-listed corporation Trifast Plc. They are specialist manufacturers of fasteners, components and custom fittings for leading electrical brands.

From custom mechanisms for automotive manufacturers to the essential parts found inside common household appliances, their products are under the hood of many of the familiar electrical brands that are used every day.

With an experienced design engineering team and precision manufacturing facilities in the UK, they work closely with customers to develop products to their exact specifications and requirements. 

The company’s website had grown to include a catalogue of over 50,000 products, all of which listed detailed specifications along with images, schematic diagrams and CGI renderings. In addition, a huge amount of technical information useful to Electrical Design Engineers was freely accessible and helped to turn the site into a highly Google-ranked resource of choice for industry professionals. As a consequence of the wealth of information available, the site had become difficult for visitors to navigate and locate desired content.

Along with the necessity to refresh the branding, improve responsiveness on mobile devices and include a dedicated Investors portal with real-time share price updates, a UI/UX evaluation, leading to the development of a new website, was required.

Following our solution phases of Strategise, Solve, Scale and Application, the project was guided by a user-centred methodology, focusing on usability optimisation and data-driven insights. We achieved this by integrating the following key elements.

User-Centred Design (UCD)
Extensive user research through stakeholder interviews and audience personas across geo-locations was undertaken and heavily informed the design solution, ensuring the site met the needs of industry professionals across different regions.

Customer journey planning and onsite user flows guided the design interactions, ensuring relevance across global markets. 

Usability and Accessibility
The information architecture was restructured for intuitive cross-device navigation and compliance with global accessibility standards.

Engagement was optimised using Google Analytics data analysis, streamlining the user journey with improved product architecture, filtering and search.

To further enhance usability and visual recognition, we developed the existing brand colour palette and introduced graphical devices and images to help users quickly identify the section relevant to them, creating a visually cohesive and recognisable experience.

Balancing a sophisticated design with usability proved challenging. Once we had an early-stage solution, user testing was now essential to avoid the risk of poor usability and unintuitive design.  During User Acceptance Testing, the interface was tested to ensure intuitiveness without compromising functionality.  By validating with users as soon as possible, we identified any potential friction points and refined the interface prior to release, ensuring broad appeal balancing innovation, engagement and usability.

The content-rich corporate website effectively portrays the TR brand online and provides visitors with a clear and visual content navigation mechanism. Feedback has been extremely positive, with increased engagement and usage of account-restricted content.

As product data and site-wide content continue to be added, the research conducted to ensure optimal architecture and interface design has proved invaluable in maintaining the intended user experience. This has provided TR with the robust and scalable long-term solution they require.

Request the full case study