Select Page

The guide to using images on your website

by | Apr 24, 2017 | How To, Learn | 0 comments

We as humans are naturally drawn towards imagery. If you have text beside an image your eyes will always look at the image first. This means that you need to start thinking about the way you use images on your website a little more cleverly.

Using the right photos in just the right spots on your website means you can convey your message waaaay better, and it’s also so much prettier to look at! Am I right?

I want to list a few common pages on websites and give you an overview of the types of images you can use on those pages. However having beautiful images on a website doesn’t help with your SEO (search engine optimization) as the SEO robots who trawl the web indexing your website can’t ‘read’ images! So download this handy cheat sheet I made for you to learn how to optimize the images for your website.


The homepage is the face of your website. Usually your potential client sees a header banner or image first – this means that this header is your audiences first impression of you! Now what impression do you want to give?

Think carefully about this!

First off you want to make sure you have a clear beautiful photo; if YOU are the face of your business you NEED to have a photo of you here. If you want to sell a product, have a photo of the product you want to sell, not any product but your NUMBER 1 product (it is after all the first thing people will see!).

Bloggers love to use flat lay photography as header images, you know the photos of objects laid on a table? Those work so well as there is something aesthetically pleasing of a top down photo which is carefully curated (pink polka dots, pink paper clip, pink cup etc) yet totally is relevant to the blog content.

3 Homepages here which I think are very clear in their message and look great too!

From left; Female Entrepreneur Association, Melissa Ambrosini and Elyssa Jane Creative.

Remember that on first impression people should be able to tell;


  1. Who you are (even as a brand!)
  2. What you are selling (or how you can help them)

The most effective homepages feature ONE call to action. Your telling your audience ONE specific thing they should do after they are finished reading your homepage. Do you want them to find out more about you? To purchase something immediately? To book into talk to you? Be very clear about what action you want your audience to take!


If you don’t have a photo of yourself on you’re about page, then stop reading this right now and go and add one!

Don’t use stock photos, (and yes I have seen this done before). The whole purpose of the about page is that people want to get to know you, they want to be able to connect to you, to resonate with you.

Show them your face, have a photo of you doing something silly, show your family, your favorite places. Putting your face everywhere will also make people remember you more!

Fun about pages I like (clockwise from left); Emma Kate Co, Made Vibrant and The Darling Tree.

In my experience the more personal you’re about page (and the photos you add there) the more your audience will feel close to you and in the end TRUST you more to buy from you.

You can also share photos of where you work and how you work. I think behind the scene photos fascinate people as they can get a glimpse into your life!

Even if you are a large company, you can show the faces of some of the people your clients will be working with.


People buy from other people. It’s a simple fact.


A sales page has one purpose; to sell. But not in a cheesy, in your face way kinda way. [some sales pages do, and I steer clear of those!]

I would say a sales page is a great place where you can easily and effectively mix and match all the types of images + photos.

Remember that some sales pages can be very long and some shorter, the longer the sales page the more interesting you have to keep it for your audience, so longer sales pages tend to have more images than shorter ones!

Kathryn Hocking’s Sales page for her Ecourse Launch Formula uses photographs of herself, patterns, stock photos and even photos of her testimonial clients.

Here are the kinds of images you can be using;

  • Use stock photos that show the end result of people using your products/services
  • Use a photos of past clients for testimonials to build trust
  • Use textures, patterns and backgrounds to make text seem more interesting
  • Use photos of you to make it more personal and fun
  • Use photos of people using your product (give them an idea how easy/fun your product is!)

Hint: if you do sell a product then you can easily use flat lay photography to showcase your product like Biddy Tarot does. See the image below.

The images on your sales page should show what your customer’s life could be like if they had your product or used your service. Get creative with how you can portray this!

One word of caution though, don’t fall into the #clichestockphoto trap. You know the happy women eating salad, the arms outstretched on the beach etc…. those kinds of stock photos don’t convey any real emotions.


Most people find this page tricky to add images to. Do you add images of you here; do you add images of how you work? Do you add images of your clients?

Well it really is up to you and what you are selling. If your selling a product then think of creative ways you can highlight your product, use different settings, have people using your product, different angles of your product.

If your selling a service like massage or an online coaching session I would suggest to use a photo of yourself. The reason being the more people see you the more they feel like they know you, this is a good thing as we as humans have a tendency to buy from people we think we know, like and trust.

You can use high quality images of you with a client, you working in your work place, props and/or images of your workspace.

Biddy Tarot features their products beautifully in a flat lay style ‘top down’ photo.


If you are a creative, you have got to have some examples of your work on your website. Now how do you effectively and beautifully showcase this?

If you do digital design then the best way is to place your work inside a template of a mac, iphone, frame etc.

Take a look at how beautifully and creatively Raspberry Magazine showcase their digital magazine inside an ipad

If you have physical works as your portfolio pieces, maybe you’re a watercolor artist or a ceramicist; you can photograph your work in a flat lay style ie. top down or get someone to hold up your work against a nice background!


The ‘Contact Us’ page is one of the top four important pages on your website and it is also one of the most visited pages of your website.

I am so over boring looking contact pages, why don’t you make yours fun? I like to include fun photos of myself (think laughing or dancing).

If you are selling a product then you can include some fun product photos of people using your product and having a good time!

Fun contact page examples Dr. Kristy Goodwin and Sweety and Co.

To cut the long story short, you’re the amazing creative. Show off in as many awesome ways as you can. Your website shouldn’t be plain text but it shouldn’t be confusing either.

Use images that compliment the text and are relevant to the pages and don’t forget to show some PERSONALITY.
There is no one like you in this world so show it!


Optimizing your images on your website means your website will load faster + improve your website SEO!

Pin It on Pinterest

Share This