Pitacs

Large product catalogue website with enhanced import and export functionality

Industry:

Wholesale

Overview

Pitacs are one of the UK’s largest manufacturers and distributors of heating products, lighting products and electrical cables. Operating under five unique brands, their products are distributed across the UK as well as internationally with B&Q amongst their notable stockists. 

Challenge

Road mapping Pitacs’ Digital Revival 

When Pitacs commissioned us to rebuild their web portfolio, the websites were using an obsolete CMS that could no longer be updated or easily maintained.  

The issues that they faced were: 

  • Poor functionality
    Failed functionality on existing websites. This was leading to visitors leaving the site. 
  • Lack of control
    The product catalogues had to be modified by the previous developer. They could not be updated in-house. 
  • Unfamiliarity
    Each site used a different CMS, which meant each site was unique to update and maintain. 
  • No training
    Team lacked skills to carry out basic tasks and were heavily reliant on their previous development company. 
  • No clear navigation
    The previous websites were essentially just product repositories. There were no defined customer journeys. 

In addition, they required the website to: 

  • Provide bespoke pricing options
    Have a trade area for existing clients to show relevant deals and pricing based on the tier. 
  • Provide direct access to their account manager
    When logged into a trade account, they would be presented with their account managers contact information. They would be able to submit enquiry forms directly to the account manager 
  • Order a catalogue / lead generation
    Allow the visitor to order a physical product catalogue by submitting information that connects with their CRM for marketing purposes. 
  • Improve the brand consistency
    Have a more aesthetically pleasing and unified look across their websites. 

We proposed a solution that would unify their websites using one CMS within the constraints of the allocated budget. The solution would have clearly defined customer journeys, a revamp of the design and structured product data that is easy to manage. To equip the Pitacs team with the skills to manage the content and data on the sites, we suggested on-site and web-based training sessions. 

They took confidence from our solutions which focused on a collaborative approach. Pitacs drew further confidence from the clarity of our proposal, and we were appointed to carry out the project. 

Solution

Deciphering the data for long-term use 

Understanding the product data and its varying uses across the sites was one of the most challenging aspects of this project. The initial product data exports came from the existing out-of-date sites and provided a starting point. The data needed to be cleansed, modified, and validated before being imported into the new CMS.  

 

Crafting User-Centric Experiences 

The website content was structured with three main users in mind: 

  • Wholesalers and retailers
    The priority for these users would be acquiring a range of products for reselling to their own customers. 
  • Large-scale buyers’ needs
    Including property developers, FFE buyers and installers. These users would likely be searching for a product that met certain specifications. 
  • Interior design agencies / architects
    These users would be browsing for visual inspiration. 

Having gained a good understanding of how the website needed to function, and its target audience – we began importing the data and establishing user journeys. 

 

Product criteria-driven filtering system 

A complex filtering system was created for the products. This works by querying individual products from within a product category, allowing visitors to narrow down which product categories include products that meet their requirements. This provides the user granular control over, for example, what size, material, colour, price, finish, BTU and heat output they desired. 

The client was delighted with the detail in which the user could browse their product catalogue and find specific items that met their exact requirements. 

 

 

Designing for success 

We used strong product lifestyle imagery to give inspiration to the website visitors. This helps visually lead users to navigate to products of interest for their requirements. 

Striking a balance between a filterable product catalogue and creating visual inspiration was key. The main area of the site is the product catalogue, which combines filtering methods along with strong visuals of the product range. 

By clicking into the product range, visitors are given additional details on the options within the range. They can view detailed data tables on the specific details of each variation of the product. We created an option to download the technical specification and installation guides for each relevant product, catering to installers and architects. 

 

Building a retailer directory 

As a wholesale distributor, Pitacs do not sell directly to the end user. To help in handling the number of enquiries received from end users, a page listing stores, and online retailers was created. We further extended the functionality to allow users to input their postcode to find directions to local stockists. 

This helped in reducing the volume of calls from end users asking where they could buy products and freed up their sales team to handle more profitable lines of enquiry. 

 

Promoting Customer Loyalty and Nurturing Relationships 

We developed a brand-new trade area for the site. This area of the site allowed existing clients to login, contact their account manager, and see featured content.  The sales team are able to customise the promotions, offers and new products they wish to promote to their clients as well as providing up to date tiered pricing. 

Additionally, the direct line of contact with their account manager gives their regional sales manager an opportunity to nurture leads and respond to enquiries. 

 

 

Pitacs front of building

Achieving Brand Unification 

Pitacs is the parent company to five different brands, so creating an experience that presents brand cohesion across all channels was vital. 

While each website was branded uniquely, consistency across all of them provided unity. Some examples of these include: 

  • Aesthetical components that support brand unification 
  • Incorporating a lifestyle image led slider in the hero section of the homepage created a familiar user experience for each website in their brand. 
  • Building a masonry style grid underneath this allowed users to navigate to popular areas of the site.  
  • While each brand guide provided a unique colour palette, font and logo use, the overall style of the sites created a visual likeness. 
  • Consistent site structure and navigations 
  • Full width mega menus provided distraction free navigation, while core customer journeys followed a similar path across all sites. 
  • The product catalogues all function in a familiar manner allowing intuitive browsing and searching. 

 

Streamlining catalogue requests  

One of the old websites required visitors to send an email to request a physical catalogue, often used by showrooms, while the other site didn’t have the option. 

We created a lead generation form to obtain contact information from prospects to distribute the catalogues. This information is integrated with their client relationship management software (CRM) and allows Pitacs to send out to systematically follow up with prospects to create sales opportunities. 

 

 

Gathering and understanding the performance data 

To minimise the negative impact on keyword search engine rankings we followed our tried and tested SEO migration process. This process covers all the core elements of on-site technical SEO from redirections to page meta data. 

Many improvements were made to the websites including increasing the speed and performance, which has helped the sites gain more traction in Google SERPs. In addition, we configured the products to link in with Facebook and Google Merchant Centre.  

 

Assuring the success of our solution 

As with all projects, testing was carried out to check the site for bugs and errors. In addition, we carried out a period of user acceptance.  

Our systematic QA process ensured that the website met the specified requirements. Our development team makes sure the websites we build work correctly on all relevant devices and browsers. 

User acceptance testing allowed Pitacs to trial the website and carry out the tasks they would be doing on a frequent basis before launching the website. Feedback was provided to our team and minor modifications were carried out. 

 

Security with multiple website managed hosting 

We provide a fully managed hosting solution for all Pitacs’s websites. 

Our proactive approach to managing the hosting solution and CMS ensures the websites are reliably available, secure and fast. On top of this, the managed hosting provided is scalable to grow with increased demand. 

As standard, backups and disaster recovery were configured, and the client automatically receives a scheduled weekly backup of their data. This provides Pitacs with the confidence that their website will always be accessible and secure. 

 

Supporting a growing team with varying digital skillsets 

User training was vital for the long-term marketing success of the company. With each of the websites using the same CMS, the Pitacs team only needed to learn how to manage one interface and set of tools.  

A general training session was carried out to give the team an overview of the new CMS and how to perform basic actions such as managing the content of the site. Individual training sessions empowered each user with the specific skills required to effectively fulfil their roles and responsibilities in managing the website.  

Biannual price updates need to be carried out, with new product ranges adding to the complexity of this task. To accomplish this, we created several import templates, mapping the key fields to the required product fields. This ensures the correct information is displayed in the front-end and that the product filtering system dynamically updates. 

 

Long term strategies for scaling and saving  

Following the initial building of four websites, we have since designed and developed two additional sites that operate under the Pitacs brand. This is a testament to the long-term relationships we aim to forge with our clients,  

Plans are underway to integrate their new product information management (PIM) system with the websites are underway. This will bring a whole new level to maintaining the online catalogue, with one source of truth populating the websites. This approach significantly reduces human error and streamlines the amount of administrative time required to manage complex imports. 

Pitacs brochure design

Outcomes

The biggest positive impact in the project has been changing the Pitacs marketing team’s mindset with regards to managing the website. Previously they were nervous to use the website because the CMS was so fragile. They now have full control of their content and product data to successfully manage their websites. 

Additionally, the number of hours required to process and import product data has been significantly reduced thanks to the carefully structured import templates. The client has estimated that this was saving up to 60 hours of labour each time an import was carried out. 

Since initiating the project with them, Pitacs have seen a huge increase in website traffic which has led to higher value sales enquiries being received.  

Other projects

Wheels for well being disabled bike riders

Wheels for Wellbeing

Bespoke IT and web development solutions for disabled cycling charity

View case study

Tourette's Hero Biscuitland

Touretteshero

Event attendee reporting and surveying web application development project

View case study

Luxury accommodation from Together Travel

Together Travel

Online booking portal and web development for luxury travel company

View case study