Get in touch

Transform your business with us today through web design & development - we will achieve all your goals and objectives

contact us now

Header Image: cottonbro

Strong imagery can really make a website; if a website has clean, professional-looking images then this instils trust in the brand and encourages visitors to buy products or services. Website images can grab our attention and make us feel a type of way, not only will this improve your user experience, but in turn, can boost your SEO (Search Engine Optimisation) by improving your bounce rate. If that's not enough, using the right images can improve your conversion rates, as people will respond well to a website that uses good quality imagery and may make your website seem more trustworthy and professional; therefore people may be more likely to use your Call To Action (CTA) buttons. However, not everyone has the budget to hire a private photographer to take beautifully framed, wonderfully lighted images for their website, so instead of relying on the same stock photography as everyone else, here are our 6 tips for taking perfect pictures yourself. 


1. Understand your theme

Before you reach for your camera ask yourself "why am I taking these pictures?" While this may seem like a simple question, it is important that you understand the motivation for taking the pictures, and what message you want to portray to your visitors. For example, if you own a relaxing spa, you may want your images to really portray a message of tranquillity and relaxation. This could be clean white images showcasing some of your spa area, your massage table or products. You can use similar businesses to yours to get some inspiration for your own pictures, try and put your own spin on them though so that your pictures are unique. You could even use Google images for inspiration and paste some pictures into a word document, this way you can look back at them when you are ready to take your pictures. You may even want to use Pinterest for inspiration and pin some of your favourite looking images. Looking at professional pictures will give you a good idea of image composition, do you want your subject central or are you going for something a bit more quirky? Also, look at the type of backgrounds they are using, are they clean and crisp or are they colourful? Are they in focus or blurred? Once you have got your vision nailed, you can then go wild with creativity.

 

2. Have a plan

Good execution comes from good planning; with a well thought out plan, you can counteract difficulties before they arise. The main areas to consider are:

What images would you like to have on your website?

This will depend on whether or not you currently have a website. You will probably have a rough idea of how many images you would like on each page of your website. For example, you may have a photo gallery featured where you can display as many images as you would like. You may have a banner at the top of your homepage where you may show three or more header images. You may need product images for your online shop and even some team photographs to feature on your About Us page. It's a good idea to make a list of all of the images you would like to shoot, so that you don't miss the all-important banner image or your best selling product, then you can cross them off as you go!


Where will you photograph your images?

Location; where are your pictures going to be taken? This could be very straightforward if you own a hotel or attraction, you will be taking your photographs at your business! But be specific, which rooms or features are you going to shoot. If you are taking your own product photographs, then this could be in a room in your house or even outside to make the most of the natural light! You will also need to consider the background of your images. If you want a clean background then a white screen or wall will work well (you could even make this out of paper and cardboard for your own DIY studio). It may be worth having a quick look at your premises and note down some areas that are on hand. Finally, remember that light is important when taking photographs yourself, so try to find somewhere with a lot of natural lighting, or somewhere you can control the lighting to ensure they will look picture perfect!

 

When do you plan to take your photographs?

Now it is time to plan when you will be taking your pictures. You may need to do this over a number of days for each section of your website. You may have to wait for the optimum weather conditions or even waiting until all staff members are available for your team photos, you may even opt for a group photo which is going to require a little bit more planning. Planning this all out and even writing it down will be hugely beneficial when it comes to executing your photography mission.

 

3. Take good quality pictures

This is going to depend on whether you are going DIY or professional when taking your pictures. If you are splurging on a professional, then you won’t have to worry too much about the quality of the pictures as you will have seen examples of their work already! However if you don’t have the money to hire a professional, then you can use a DSLR or good quality camera if you have one, alternatively, most smartphones have pretty good cameras these days and will get the job done! Using a tripod when taking your pictures will ensure that they are crisp and clear, and allow you to make slight adjustments quickly and efficiently. You may not even need to hire a tripod or buy one; you could make a tripod out of stacks of books or pop the camera on a steady surface when you are taking your pictures. As we mentioned above, when you are taking your pictures you will need to have taken lighting into consideration, as bad lighting can ruin an otherwise perfect shot!

 

4. How to execute your vision

You have taken the time to prepare and today is the day (or the first day!) of the big shoot. Since you have prepared your list of images that you need, alongside how you want to frame them and where and how you will be shooting them, you can now simply follow your plan and begin! Just remember to take multiple pictures of the same thing so you have a selection of images to choose from.

5. Use editing software to enhance your images

You have taken your pictures, now what? First, have a look through and delete any that may be blurred or that are not central etc. Next, it is worth looking through your image list (the one you made during planning) to match up the images you would like to use. Once you have this list you can begin editing! While this may sound daunting, it doesn't have to be. If you have previous experience using Photoshop, you can dive straight in, otherwise, we would recommend using a simpler (and free!) editor to make your small touch-ups. Some photo editors that we would recommend are:
Adobe Photoshop - Paid
GIMP - Free
If you are using your Smartphone, then you can use the built-in image editor for basic crops, light changes or contrast settings. You can also use free apps such as PhotoRetouch, which will allow you to remove unwanted subjects that are in your pictures.

Generally, you will probably only need to make a few changes to your images such as colour correction or brightness, so don't worry about trying to make the image "perfect". Most images editors will have simple options for making these changes.

 

6. Don’t forget to optimise your images for web

Before you upload your images to your website, just be mindful of your website’s page speed. High-quality images tend to have a large file size and this can make your page load slower, and have a negative effect on your Search Engine Optimisation (SEO). So it is important that you optimise your images before uploading them to your website. Here is an easy guide for optimising your images.
Please note that if you are using a Smartphone for your pictures, you will need to upload all your pictures to your desktop before compressing them and uploading them to your website.

 

 

 

optimising-your-images-for-web-9-1

 

Subscribe to Updates

Subscribe to:
Like   Back to Top   Seen 178 times   Liked 0 times

Subscribe to Updates

If you enjoyed this, why not subscribe to free email updates ?

Subscribe to Blog updates

Enter your email address to be notified of new posts:

Subscribe to:

Alternatively, you can subscribe via RSS RSS

‹ Return to Blog

We never share or sell your email address to anyone.

I've already subscribed / don't show me this again

Recent Posts

In The Latest Update: Multiple Shipping Options

| 11th March 2021 | Ecommerce

In The Latest Update: Multiple Shipping Options

One of the most recently requested features for our eCommerce module was that of multiple and more flexible shipping options. We are pleased to announce that as of version 3.6.6 of the WebBoss system, you can now create multiple and flexible shipping options to cater for all your needs! How does it work? The basic idea of the new shipping options is that you can create multiple different shipping options, all with different configurations, including restrictions. When the user goes through the checkout process, the website will check all the available shipping options you have configured (based off of the shipping address, cart products etc.) and show buttons in the checkout to select which option to use, or if only one is available it will select that one automatically. Stay COVID-19 safe with Click & Collect One of the main new features is to allow collection, or “Click & Collect”, and to be able to create locations for this. If you have a shipping option with the type set to “collection”, then the checkout process will allow to you choose between delivery and collection. When the user chooses collection, instead of entering a shipping address, they will choose a collection location, which can also be displayed on a map. The checkout options if you offer both types   To configure your shipping options in your website admin, from the sidebar navigation, go to Modules > eCommerce > Shop Settings > Postage Settings. The “Default” tab holds some general postage settings, and the basic settings to use if you’re not yet ready to use the new shipping options. The main tab to use here is the “Postage Types” tab. Here you can create new options and click the “Configure” button to change the settings like the restrictions and free conditions. Multiple Postage Types settings   If you’re using the collection option, you will need to create locations for customers to collect from, which can be done under the “Locations” tab. Click & Collect locations settings in the ecommerce dashboard   The last tab is “Price Charts”, which can be used to create a table used to calculate shipping price based on weight, which can then be applied to shipping options. Weight Chart configuration settings Configuration Examples Standard and Next Day delivery If you want users to have the option to choose between various delivery types, create two different shipping options; for this example we will use “Standard” and “Next Day” delivery. For the Standard delivery, don’t add any restrictions so this will always be displayed as the default option. When configuring the Next Day delivery however, you may decide to add restrictions to it so for example you could set it so next day delivery is only available on orders over a set amount. Alternatively, you could also set this option to be free if the order is over a set amount. Configuring the shipping options for Standard and Next Day delivery   Then when a customer goes through your checkout, this is what they will see when they get to the point of confirming their order: Checkout options with multiple postage options   Local, National and International Delivery If you want to have different prices for local and international delivery, you could create a different shipping option for each area. Your first option could be your local delivery, so for this option you could restrict it to specific postcodes, and then you could have another option for national delivery by restricting it to only the UK for example. Depending on how you want to handle overseas shipping, you could create an option for Europe and an option for International, but excluding UK. Alternatively, you could even have different options for different countries if you wanted to be more specific. Configuring restrictive and more complex shipping options   Different Couriers If you wanted to deliver through multiple...

WebBoss eCommerce Module - January Sales

| 08th January 2021 | Blogging

WebBoss eCommerce Module - January Sales

How the WebBoss.io eCommerce module can help with your January sales With the madness of Christmas behind us, it might be time to think about those January sales and clearing out your stock room to make way for the New Year. Since we are also facing yet another national lockdown, it might be the right time to get your business selling online. With all of this in mind, the WebBoss platform is full of features that can really help you organise and showcase your online products. Here are a few ways that WebBoss can help you shift those sale items.  1. Discounted Products Add discounts to your products to show your users the new and old price. This will encourage people to buy from you, if they can see the price difference or how much they are saving, they will be more likely to part with their cash. Within the system there is a really easy way to discount your products, in the ‘Special Offers’ section when you edit a product, you can keep the original price and add a discounted price, this will appear on the front end of your website to tell users the new discounted price of a product.        2. Image Overlay You can also easily add an overlay to your products to really make them stand out and tell your users that there is a sale or discount on a product. In the ‘Special Offers’ section of the edit product page, you will have the option to write some text which will appear over the product image on the front end of your website for example, ‘30% Off’. This will really make the discounted product stand out. You don’t have to add this, however it can be really useful when you are trying to sell discounted products.       You can choose to use the default image overlay colour and text colour if you would like too, however there is a way of customising this if you would like to use specific colours. To do this go to ‘Shop Settings’ > ‘Display Settings’ > ‘Product Display Options’ and scroll to the bottom, here you will see some settings that will allow you to customise your overlay. You can choose whether you want the overlay to be across one of the corners, or you can choose to have a circle.  You can also choose which corner you would like the overlay to be displayed on your product image. You can then choose the colour of the overlay and also the colour of the text.               You can also add different promotions to different products. Again within the edit product pages, you can choose any discount price and also add in any text to the overlay for each individual product. For example, some may be 30% off, while others might be 10% or 20%; you can even add in text like ‘Price Drop’ or ‘Sale’, etc.   3. Exclusive Promo Codes Exclusive promo codes are definitely a great option for encouraging new and return customers. These codes can either be targeted in an email campaign to certain email subscribers, or you can even display the code on your website somewhere for example, within the description  of your product page. These codes can be created in the ‘Shop Settings’ > ‘Promo Codes’, from here you can create as many promo codes as you like. The user will then be able to add the code within the checkout area, where the money will then automatically be deducted from the original product cost. Within the settings you will have the option to add the name of the code, add a percentage off or you can add in a cost deduction, you can also add an expiry date.      4. Special Offers Category Within your categories, there will be a default ‘Special Offers’ category, this can be really useful for displaying all of your discounted products in one place. If you discount any of your products they will automatically appear in this category, saving you a lot of time and will also mean that your users will easily be able to find all of the sale items that you have listed. To ensure that you have this category active then head...

Website Design Trends 2021

| 23rd December 2020 | Blogging

Website Design Trends 2021

Top 5 Website Design Trends for 2021   Like most things, trends will come and go and this is no different for web design. Every year we are very excited to see what new design trends will be appearing and which ones we can incorporate in our own website designs. With this in mind, we have listed our top 5 favourite new web design trends, that we will hopefully be seeing more of in 2021.  1. 3D Design Although this is something that is definitely not new and does reoccur each year, 3D Design seems to be getting more and more intricate as the years go on, making the most of the capabilities of modern technologies. Here we can see technology giant Apple really incorporating stunning 3D design elements into their website imagery.  2. Nature Inspired Design Something that we don’t often see, but is slowly coming back into fashion for 2021, is nature inspired web designs. We can start to see the use of earthy toned colours, softer lighting and nature imagery this year in certain web designs, as demonstrated here by Green & Blacks Chocolate. 3. Organic Shapes In previous years we have seen geometric shapes being very popular in web design, however this year we are going to start to see a lot more organic shapes being used within certain designs. These tend to be shapes that you would find in nature, similar to hills or mountains or steep inclines. These shapes are very useful to break up a web page and fluidly draw the reader’s eye to different sections. Here you can see how Android has used these organic shapes in their own website design.   4. Abstract Art Compositions  A big trend for 2021 seems to be artistic and abstract shapes. In previous years we have seen shapes like squares and circles being used in a simplistic and minimalistic way, however this year we are going to see these shapes being used in a much more abstract and artistic way. Web designers and artists will be using these in conjunction with photography, adding elements of excitement and energy to website designs. Again, Apple have incorporated this website design trend within their own design.  5. Web Design for Causes  With the COVID-19 pandemic affecting the entire planet, many companies have had a much different outlook on certain environmental and philanthropic parts of their business and as a result of this; their web design has been influenced, bringing these elements to the forefront of their websites. Here you can see that Green & Blacks have chosen to showcase their business ethics within their homepage design, to really emphasise it to their users.    We can definitely see a few repeat trends creeping in for this year, however it is nice to see these designs being updated and modernised to suit websites in 2021. We can see that web designers are really pushing the boundaries as to what their applications can achieve, and it is very refreshing. These trends are our personal favourites that you can expect to see within our own website designs throughout 2021. If you would like to incorporate any of these elements in a design for your own website, contact us today to arrange a chat.  ...

WebBoss Websites Guide - Google Analytics

| 15th December 2020 | Blogging

WebBoss Websites Guide - Google Analytics

How to Add Google Analytics to Your WebBoss Website With SEO and website tracking such a huge topic when it comes to digital marketing and running an online business, we know how important it is to be able to track and analyse the data and traffic being generated by your biggest marketing tool, your website. Google Analytics is one of the most popular and FREE tools that you can use to track and monitor user behaviour, user experience, device functionality, etc. It is extremely useful for your online marketing strategy and you can use it in many ways. However with all this being said, if you are newer to the world of online businesses and digital marketing, then it can be a little bit difficult to understand how your website and Google Analytics go hand in hand. When it comes to your WebBoss Website, our development team are continually adding triggers to particular areas of the CMS such as the eCommerce module, so that your website can communicate more information to Google Analytics. Recently in our newest update we have added triggers to the Web Forms module, meaning that you can now track when people fill out a contact form or a sign up form. So all you need to do is add your Google Analytics tracking ID to your website.   How to Find Your Google Analytics Tracking ID So if you haven't already, you will need to get yourself a free Google Analytics account. From here you will have everything you need to get started tracking your users behaviour on your website. Once you have set up your Google Analytics account, all you will need to do is find your tracking ID from your Google Analytics account and add it to your website. To find your Tracking ID all you need to do is:• Sign in to your Analytics account.• Click Admin.• Select an account from the menu in the ACCOUNT column.• Select a property from the menu in the PROPERTY column.• Under PROPERTY, click Tracking Info > Tracking Code.• Your Tracking ID is displayed at the top of the page. From here you will need to copy the code and then paste it to your website. To do this go to the page, ‘SEO: Analytics and Tracking Scripts’ which is located in the left hand side bar under 'SEO Settings'. From here, the page will open and you will see 'Analytics (Tracking ID)' paste your tracking ID here and then scroll to the bottom and hit 'Save Tracking Codes'.  And that’s it! Your website will now start tracking a lot of different information which you can review and analyse in Google Analytics including, information about your eCommerce module, web forms and more!...