BGB New Website

September 12, 2019
Security Company, Boundary Gate and Barrier needed a new website.
bgb iPhone XS Mockup
bgb ipad Mockup
BGB Just webpages 3 1

WEBSITE Features

BGB’s website has gone through a complete renovation, it was built to provide customers with more and clearer information on the products and services they offer.

It is now far more visually appealing, has a whole new set up of services and sectors that go more in-depth than ever before. It also now has a dedicated accreditations page, showcasing all the certifications BGB have, which recognises our quality and high level of service.

Responsive Design

BGB Just webpages 4
ipad bgb

Other Improvements

Although a services section existed on the previous site it was muddled. The installation service was in the same section as repairs which had very similar content to the maintenance section making it difficult to differentiate and understand what exactly services we are capable of.

The new site is the complete opposite, the services page still has its own section and each category: site survey/design, installation, maintenance and 24-hour call-out service. They all have their own content specific to the individual service and make it clear and concise exactly what BGB can do for its customers. 

You can see for yourself by visiting the Boundary Gate and Barrier website.

BGB page screen 5
BGB page screen 4
BGB page screen 3
BGB page screen 2
BGB page screen 1
BGB macbook

The new site is bold, modern which suits the brand and products.

BGB web Old Notebook

Old website

The old BGB website had poor legibility. White text set against images (which varied in brightness) made it difficult to read the text on any page. This isn’t to say white-text on images is always bad, but it must be done carefully. The whole 21-page website featured a single-page layout that was inflexible and offered no variety in the way that the pages looked, this contributed to the website feeling stale and old.

In contrast, the new website has a variety of page styles that all best showcase the info on that page, for example on product pages we masked the backgrounds of images to show exactly what was being offered the masking effect makes the product appear 3D. This approach embraces white space to highlight what BGB supply/installs and maintains.

Additionally, the back-end management was difficult, the new website is much easier to update & manage so expect to see many more updates on the BGB website.