There’s no denying that web design is important. A good looking website will generate more conversions and hence will earn your business more money in the long run. And the key to a good looking website is often the images on there. I’m not talking about the logo, I’m talking about the photos and images used to sell the products or services you are offering. We recently finished a website design for ferrari hire uk, this was one of the easiest sites to design for 2 key reasons. The first was the images we could use were those of supercars, which work well on their own as marketing material, but the second was everything that you need to say about supercars you can do through images. This lead me to writing this post on how exactly you should (or could) use images to aid in website design. This can be used for personal websites or clients sites.
Tip 1 – Location & Positioning
The positioning of an image is probably the number 1 most important element (aside from the actual image of course.) If you position an image in a location that no one can see, then you are losing potentially interested customers and clients. But on the other hand if you put images right at the top of the page with nothing else (text or contact forms) then you reduce your optimisation and more importantly you reduce your conversion rate. Make sure you have enough images on the page but also ones in the right location, in places that will aid the website from both a visual and conversion point of view.
Tip 2 – Sizing
The size of the image is the next tip. Generally you don’t want an image to appear too large on a page or especially a mobile device. Images that are simply too big for a page have a negative impact on conversions and just look out of place. This is even worse when you look at website on mobile devices. For example if you have a background image this can distort text on mobile and if you have a image that appears too small then on mobile devices it may appear tiny. As with desktops too mis-sized images can cause a drop in conversions.
Tip 3 – File Size
The file size is the size of the actual file itself. Regardless of the type the size of a file (image/video/gif) the larger the file size the slower it will load. When you’re a small or medium sized business you may also not have the funds for a VPS or dedicated server, this means large images will load slowly and hence anyone waiting for these images to actually load will be put off and may leave the website. The smaller the image size, the faster it will load and hence the more customers you will keep.
There will be a part 2 to this article, coming soon…..