Local Data Company website
Created by
Jeremy Hickman
Introduction
LDC wanted to update their website, and they had prepared a design in-house but lacked the necessary skills to turn this into a bespoke set of HubSpot templates.
Working closely with their marketing and design teams, I helped them turn their design into reality. This involved some design support where required, in producing web-ready graphics.
The project needed careful management from design through to production, including handling a large number of redirects to ensure that the existing SEO was not compromised.
The client says...
Working with Jeremy to redevelop our site over the past couple of months has been an absolute pleasure.
Jeremy is extremely knowledgeable and has gone over and above to advise us on technical, design and UX elements of our site. He is very responsive, flexible and has managed to bring our design to life brilliantly and with expertise.
He has been very patient with us and fantastic to work with. I couldn’t recommend Jeremy more highly.
Sarah Phillips,
Senior Manager, Marketing & PR
Responsive
Mobile-first design
HubSpot CRM
Custom template
PHP / jQuery
Custom scripts
Features
Meet the team
One of the more technically interesting templates was 'Meet the Team', which populated the page dynamically using HubDB, and grouped the team members into departments. The page features inline navigation, and a differing order and layout of the expanded bios as the display moves from mobile through to desktop.
Meet the team
Contact page
The 'Contact us' template features integration of a fully styled HubSpot form (selectable via a CMS custom field within the template). The form also includes reCAPTCHA anti-spam protection.
Contact page
Blog
The comprehensive set of blog templates help present LDC's news and views professionally, and include positions for HubSpot CTA's.
Blog
Video
Using subtle animation has added additional interest to the design to help user-engagement. From the static homepage header design I suggested that we scroll the background behind the magnifying glass on a continuous loop, to underline the fact that LDC covers every high street in the UK.
To show the LDC’s company history in a more engaging manner, working with the LDC’s internal teams, we came up with the idea of an animated vertical timeline which encourages the user to scroll to see more, and to travel further down the page than otherwise might be likely.
Colours
#f49525
RGB 244, 149, 37
#004e64
RGB 0, 78, 100
#e73a87
RGB 231, 58, 135
#282828
RGB 40, 40, 40
#ffffff
RGB 255, 255, 255
Typography
-
Aa
Heebo 600
fonts.google.com/specimen -
Aa
Heebo 400
fonts.google.com/specimen
Responsive design
Responsive Web Design (RWD) allows a web page to be displayed differently depending on the size of the web browser it is being displayed on.
RWD has become essential for today's websites as the amount of mobile traffic now accounts for more than half of total internet traffic.
Find out more →
