A helping hand for Traffiglove

Inventors of the colour coded hand protection system

TraffiGlove: Company Website on an Apple iMac, a MacBook, an iPad and an iPhone.

TraffiGlove are a Safety Glove manufacturer, famous for inventing the original colour-coded traffic light system that shows the glove wearer the cut protection of the glove at a glance. We have worked with TraffiGlove for a long time on various projects but this was our first opportunity to design and build a complete product for them from start to finish.

The Brief

We last worked with TraffiGlove back in 2013, when we created a complex direct-to-consumer eCommerce system for them. Since then, TraffiGlove have expanded and grown significantly and place more focus on supporting their distributors, business-to-business. Coupled with this shift in their business requirements TraffiGlove had become aware of recent changes to the way users consume content and information through a variety of devices, including mobiles and tablets.

  1. Refine and modernise

    Improve designs and layout to follow modern design standards and show the product in its best light.
  2. Optimise for smart devices

    With the boom of smart phones and tablets hitting the market, TraffiGlove realised they were missing out on a huge market of people browsing the web in this new way.
  3. Improve SEO

    As with any website rebuild, improving overall SEO is an important consideration.
  4. Improve UX

    Improve the usability of the site and make it easier for users to find the product they need and information on where they can purchase that product.
TraffiGlove: Company Website Home page on an Apple MacBook.

Redesign

We set about tackling these new requirements from a design approach first. Most of the early conversations revolved around the responsive design requirement (so that users could access the site from desktop, laptop, tablet and phones).

We started from scratch, rebuilding visuals from the header down, adopting contemporary flat-design principles and presented TraffiGlove with a complete overhaul of the visual style and layout of the site.

With a few tweaks we signed off on the design style and began re-building the site.

A view of the Drupal content management system for adding a glove to the TraffiGlove website.

Managing content

Some structural data was able to be imported but most of the site was either re-written or extended to a degree that it made sense to re-define and re-enter the data. Much of the content of the site was to be more detailed and intrinsically linked together to enhance the user experience.

We worked hard to clearly define all content entities within the site so that articles would include picture galleries, themed testimonials, file downloads and more detailed “tagging” to allow site expansion at a later date if required.

  • 320%

    increase in traffic year on year

  • 200%

    increase in mobile traffic year on year

  • 96%

    page speed insights performance score

TraffiGlove: Company Website Case Study page on an Apple MacBook.

Improvements

We improved usability by employing current best practise web conventions and stripping back the design style to a minimum to de-clutter and reduce cognitive load on the audience. Simple changes from the previous site; such as moving the search box from the footer to the header, moving supplementary menus from the right to the left and making call-to-action buttons distinguishable from boxes went a long way towards making the site more user-friendly.

We also tried to avoid any one page becoming a dead end, instead creating relevant calls-to-action, menus and inline links to aid the user in continuing their journey around the site quickly and easily.

An obscured view of a dramatic increase in website traffic on Google Analytics.

Results

By expanding the site in size, making and giving TraffiGlove more freedom to write better and longer news stories and case studies (each with their own page) we were able to improve search engine ranking (SEO) dramatically.

Year on year website statistics showing a visitor traffic increase of +320% YoY (with a +200% increase YoY from mobile devices).

TraffiGlove were ecstatic with the results with Marketing Manager Franz saying the team were "delighted".

Since the launch of the new site we have seen a dramatic increase in traffic particularly from smartphones and a significant reduction in the bounce rate. Customer feedback to date has been very complementary. We have been more than delighted with the solution that Pivale has developed for TraffiGlove.

Franz Lorenschitz - Marketing Manager of TraffiGlove

Franz Lorenschitz

Marketing Manager

A view of the Drupal content management system for adding meta tags to a page on the TraffiGlove website.

Rich data

We ensured each page had easily editable meta tags and that every image had a title and alt tag to increase visibility to search engines and screen readers.

We placed self-updating feeds on many pages to keep the pages updated and relevant and implemented a daily self-updating XML sitemap for search engines to crawl through.

A pre-launch Google SEO audit revealed the TraffiGlove website was scoring 100% which guaranteed better ranking for post-launch.

TraffiGlove: Company Website Glove Product page on an Apple MacBook.

Products

We greatly increased the detail attributed to each product and vastly improved upon the usability of the TraffiSearch product finder to aid users in discovering information on each glove quickly and easily.

Each product page was laid out in a consistent manner to make it quick and easy to assess whether a glove was correct for user's needs.

The products landing page was also drastically improved by included more attribute data to each product thumbnail in order to make product comparison more efficient.

TraffiGlove was built with:

Advance: Exceptional Websites

Leapfrog your competition with an optimised, integrated and stunning web presence.

Discover Advance
A screenshot from Google's mobile friendly test proving the website passes the test.

Mobile optimised

The project was a huge success upon launch with positive feedback from both the client and the site's end users.

The site is highly responsive and passed Google's responsive tests improving the websites search engine rankings and placing them on the first page of results.

The new TraffiGlove website is now more on-brand than its predecessor and has a clear and simple navigable structure which gets users to their end goal faster.

A huge billboard advertising the launch of the new TraffiGlove website.

Successful launch

Since launch, the site continues evolving with the business and we continue to support TraffiGlove with continued new projects and expansions to their website capabilities.

We've enjoyed being a part of TraffiGlove's success for over the last few years, and we look forward to enjoying many more with this great client.

TraffiGlove have since been through several restructures as a business and the latest iteration of their site didn't involve Pivale .

Barry Fisher - Director

Does the TraffiGlove project resonate with you?

Give us a call or send us an email to talk through your project

telephone+44 (0) 203 743 0887

emailbarry.fisher@pivale.co

Subscribe for email updates

1 Your details

2 Your interests

Please select which Pivale services are of interest to you:

3 Legal info

By subscribing, you acknowledge that your information will be transferred to our marketing platform for processing.

You can unsubscribe at any time by clicking the link in the footer of our emails. You can find out more in our privacy policy.