Background

Voltes Design approached us to design and build their website which showcases the accessories that they sell for Tesla cars.

David from Voltes had already seen some of our previous automotive sector work including Frontline Developments and Sportline. Liking the design and functionality of these sites and knowing first hand from the owners the impact that these sites had on their respective businesses he approached us for the project.

Our Approach

Design Phase

After discussing the project requirements with the client we worked on 3 variations of the homepage. The client selected elements from each of these designs and we encompassed into a final design.

One of the key things we wanted the design to convey was the imagery as we firmly believed it play a significant role in helping to sell the parts to customers. Fortunately the client had been provided with very good photography which gave us a gave us a great foundation to work from.

Under the Hood

Voltes is built on WordPress, we took this route as it would allow us to develop the site quickly and efficiently. We built a new custom theme and included some of our favourite plugins that help speed things up even more including:

  • Advanced Custom Fields
  • Contact Form 7
  • Yoast SEO
  • Amazon Web Services
  • WP Offload S3 Lite

Using these plugins enabled us to add a lot of functionality to the WordPress editor, allowing us to create the custom pages seen throughout the site.

We also created a number of custom post types that would allow us to keep the data segmented from the pages, this way in the future we can easily introduce an e-commerce solution such as WooCommerce without having to significantly change the site or perform complex data migration.

Solution

The website is built on WordPress with a number of plugins, we used Gulp as our build tool and Sass for our styling. During our build process gulp pulls together all the Sass files and minifies them into one file, it then pulls together all the javascript files and minifies them into one file.

All the images on the site are being served from Amazon S3 and emails are powered by sendgrid.

Mobile Solution

One of the key requirements of the website was that it was visually pleasing and easy to navigate on mobile. We still wanted to make sure the great photography was visible but needed to make sure that the content was quickly available to the client without having to scroll through lots of images.

The use of a image carousels helped us achieve this giving us the ability to add a number of images without taking up unnecessary space. The content itself also then re-flows when resizing down to mobile.