TL/DR: Using the right picture can change how your users interpret your designs. Take a look as we show the power of pictures in this short post.
In todays modern design landscape a pictuer is worth WAY MORE than 1000 words. I would feel confident betting that if your landing page has the a low quality image on it that you lose 80% of your potential customers before they read one word on your site. I'll give you three examples and I bet I can tell you in order what you would drawn to first. Take a look:
Good Contrast, high quality, clean layout.
Its amazing how the placement of an image changes the page.It goes to show how placement on a page is everything.View project
This picture looks a little dull. It could use some help to be cleaned up.
I would choose option 1 or 3 for my layouts becasue the image quality is high, they are both bright and vibrant, and it draws your eye into the page. In the end, option 1 wins for me since its so simple and organzied its hard not to key on it. But, the other key part of this discussion we have to address is the location of the image on the page. You can take the layout of option 2 and make it a beatufil landing page with a brighter picture and a little text contrast. I am going to take the picture from option 3 and put it with a title and a button and it looks like a professionally designed landing page.
I know... its crazy, but I just added a small text shadow for the title and a simple stock button and the page begs you to click for more information. This is a classic tool that any developer has to have in their arsenal. The ability to filter out quality images to create a connection with users that makes them want to know more. That simple slice of a page has 6 total words on it, but those words are so powerful because of the statement image they are layered over.
One page landing pages rely on the quality of the images to make your eyes jump around and find the colorful buttons that are calls to action. Parallax pages take advantage of the scrolling photos that catch you eye as they move at a different pace than the text that is in front of them. It all boils down to how clean of a picture can you find, and where do you find them?
If you are on a budge head over to Pixabay.com. They have a great deal of user curated pictures that are license free and you can use on all your sites. Its a great start on your road to design since you can try multiple options before you settle on the exact picture you need. If you dont have to worry about price, shutterstock.com is the best source of high quality pictures I have found.
I know this is a short post, but its amazing how the quality of 1 or 2 pictures can change the complexion of the site you are designing. Always remember that a moving image can replace all the words on the page you making so choose carefully. Till next time friends, thanks for reading Digital Class!
Hello! I'm the owner and lead developer here at The Good Fellas Agency. I've been working with code for the past 10 years and started this business over 5 years ago. I mostly write about how Web Design, Digital Marketing, and Search Engine Optimization help your business grow.
Static vs Dynamic, what type of site should you build? We explore the basics of each to help you decide which route you should take to make your site function exactly how you need it to.Read
A quick rundown of UI frameworks that help developers frame out sites efficiently and professionally. We take a look at 5 well-known UI systems and 2 honorable mentions that can help any developer.Read
From more immersive experiences to chatbots and voice search, here are the 5 design trends we can't wait to see in 2023!Read