Car Diagnostic Laptops

If you’d like to see the full home page you can click the image and then zoom into it, but of course the best way you can see this website is to visit car diagnostic laptops and to look at it on both a laptop or desktop, and on a tablet and mobile too so that you can see how it lays out on mobile devices (it is a fully mobile responsive website, which is going to become critical with Google in the next 6 to 18 months).

It might look like a very long page to you but remember that “long copy” ALWAYS outsells shorter copy, and the page is based on another principle called “length implies strength” – in other words – the more you have to say about a product or service – well the better it’s got to be. This is a basic psychological online sales principle that can reap dividends.

What we’re going to start doing (starting here) is to walk you through the web design in more detail so that you can see the thinking and reasoning behind each design element of the website, and why it will increase sales dramatically over what you’d get from a “standard” website, like the kind of thing you’d get from Hibu, or Wix, or any other web designer.

We put a great deal of thought and care into our designs, let us walk you through how and why we designed this website in this way so that you can see why and how it will maximise sales for our client.

The client is selling a laptop or tablet with a range of high performance software that helps people to optimise the performance of their car, tune their engine, etc, and to clear fault messages, etc that you’d normally have to take your car to the garage for.

First of all this client didn’t have a logo and was working to a budget, so we designed a logo for them (we are not graphic designers and we are sure that the logo could be (and will be in time) dramatically improved). Hey, we’ll do whatever we can to help!

The client felt that the logo would be better off having a laptop as the main element since that is what he is selling, but we argued that the logo should reflect the benefit to his customer, not the product, and the benefit for anyone buying this product would really be the performance of the car, not that they had bought a laptop with some software on it.

If you think about it, it doesn’t matter if you’re lucky enough to own a Ferrari, or you’re some kid with your first car and it’s a Fiat Uno – you still love your car, it kind of speaks about you and who you feel you are, and you want it, the love of your life, to perform to the maximum and to be the best that it can possibly be.

Therefore we produced a logo featuring a sporty looking car (in racing red), with the name of the website underneath it – the final word “laptops” is also in racing red and is slanted since it is emphasising the point that the laptop and the software on it is the thing that produces this increased and improved performance of the car.

Next you’ll notice the menu is very simple – this is because we don’t want to create un-necessary bells and whistles to distract the visitor, we want them to click straight to the area they are interested in and buy the product, in fact most of the menu is dedicated to the shopping cart built into the website.

The next part of the site is the big image slider at the top of the page.

We have limited useful photos of the product which looked on the whole messy with a laptop and some parts laid around it, and we also felt that people would be buying this product for the software on the laptop or tablet, not for the item itself, so the main image is one of the screenshots of the software in use – we feel that this speaks a thousand words, since it shows the potential customer not only what they’ll be buying, but what it can do.

For the layout of the data underneath in the red boxes…

We were provided with a lot of data and information of what the product does – and it really does do a lot – but the information was in the format of what had previously been an auction site listing – this does not convert well to a professional looking website (note also that the excessive capitalisation of words is from the customer, not us, and he feels this is important for emphasis of different points – we don’t think this but also don’t think it will make much difference either way in terms of sales).

In order to try and focus on what the software does, and on what the customer will be getting, we broke this down into bite sized chunks, with an emphasis on different aspects of the software.

In the left hand block (that shows up first on a mobile phone or tablet) is the “what you get” section.

This basically tells the potential customer all of the software included, the type of laptop and the very low price – the aim here is to let the potential customer see what a great deal they are going to get, and most importantly to get them to keep on reading.

The next section shows a range of the tests the software performs and faults it can fix, the next block continues this, and you’ll see that the different items are numbered – this again emphasises just how much you get for your money.

There is then a list of the types of cars that the software will work with – obviously this is critically important and is going to be something the potential customer will look for, and so the makes are marked in bold to make them stand out.

The software also covers a range of trucks and light haulage vehicles, and so these are highlighted in a separate box underneath in green – partly to make them stand out as different from everything else in red, and also because the number of customers for this aspect will be less than car enthusiasts and motor mechanics working on cars.

Under this is a “visit our shop” section which uses a red dotted line to simulate the kind of border you’d see around a coupon – or “value for money” offer.

Since people already associate the dotted lines with value, it makes sense to use them.

Finally the overall look of the home page – the main customers are either going to be car enthusiasts or mechanics, so the red bordered elements are made to look like the kind of data sheet or “manufacturers data charts” that you’d see pinned to a wall, or in a book related to cars and mechanics.

In this way it gives the site an overall feel of being “right” in the eyes of the customer.

We feel this is a great product and a great deal, and are proud to have worked on the design, and to be involved in the promotion of the product and software.

These are some of the more basic elements of what we’ve done and why we’ve done it on the design front, without even touching on SEO (Google rankings) and some other important topics that are essential for a website to sell well.