The best creative web design for clients all have one thing in common; image quality. Images are the number one visual way information is communicated and in the day and age of increasing demands for quick information, images do a great job at telling a story quickly for site visitors. Images are crucial for efficient web design because they break up content on pages which can be overwhelming for visitors. Essentially, people want information fast, and when they don’t get the answer to a search phrase, they leave the site (contributing to high bounce rates, low conversions, and lowered SEO scores). What better way to convey information quickly than through pertinent images paired with good keyword-heavy content aiming to match a visitor’s search phrase?
Efficient use of images can be hugely beneficial to a site and can add to a business’s branding, their tone toward visitors, their business’s image, efficiency in converting visitors, guiding efficient site-navigation, SEO, and much more. Images work hand in hand with creative web design and are increasingly recognized in their importance in conveying information:
“A common finding is an observed processing superiority of pictures as compared to words, suggesting that pictures have a faster and more direct access to meaning, while words are discussed to require additional translational activity...” -Schlochtermeier, et al. (2013).
Given the importance of images to visitors, it is good to know what constitutes as good images for a website to make the most of creative web design.
When people think of the best web design they typically only think of a site’s layout. However, most people forget that a large portion of layout is where to place high-quality images and content. The best web design is unique for each client and their business. However, there are similarities with site layouts and how images are arranged:
Simple and effective designs use layouts with images that do not confuse visitors, help them navigate the site, sell your unique message, and help convert visitors into a customers. Good layouts also use images to guide visitors toward pertinent pages or locations on their site.
There is a misconception that images need to be small for a website. Images need to be as big as possible to get high resolution, only their file sizes need to be small. Thankfully OCG takes care of all file compression so even if you give us massive photos, we ensure they are optimized on your website. Images that are too small are 'pixelated' or 'low-res' and look bad on websites and can hurt your online appearance and brand identity.
High Res Image
Low Res Image
The images need to be well lit. Avoid using a flash because it tends to wash out all images. The main source of lighting should not be behind the subject either and you should avoid highly contrasted images that add a lot of distracting patterns. This is very important because many images on a website have text over them and high-contrast images make it difficult to read the content and can be strenuous to look at on their own.
Good Lighting
Bad Lighting
Having everything in focus can make the image too cluttered and distract from what you really want to viewer to see in the image. A ‘soft-focus’ pulls the viewer’s eye toward the object you want site visitors to pay attention to while softly blurring the rest. This can also help de-clutter busy images.
Good Focus
Bad Focus
Many people think that if you want to draw attention to something it needs to be centered in the image. That can get repetitive with many images on your site. Take images from close up and far away with the subject in different places. It can be a mistake to take all of your images from one perspective using one composition, unless you are taking product shots.
Good Composition
Bad Composition
You may hear web-designers or account-coordinators talking about ‘mastheads’. Mastheads, banners, or site headers are the images that display at the top of each web page. These images need to be large (to work with a responsive website) and need to be ‘landscape’ not ‘portrait’. Additionally, because visitors only see a tiny part of the whole image, it is a good idea for the image to capture 'depth’. For example, instead of taking images from a top-down angle on a subject, try taking shots from different angles that emphasize perspective. A good way to do this is taking a series of images starting from the ground-level and moving up.
Good Perspective
Bad Perspective
Many clients find sites and ask what we can do to make their site more like the example they choose. The most common site people tend to ask for is Apple or other sites for technology companies. So what do they do that makes their layout work so well?
First off, if you’ve taken the dive to start blogging for your business,—congratulations! That’s a big step in creating content for your audience, while also improving SEO efforts for your website. However, the thing that most blogger’s struggle with is actually completing their writing assignments so keep on reading to gain knowledge on blogging tips and tricks. Here’s a funny story. A few months ago, I broke my finger in a garage door. Even though I was wearing a brace, I still kept writing blogs and meeting with clients. For 8 weeks, I managed to meet all of my writing deadlines WITH a broken finger. I tell this story because if I can do it, then you can too. Let’s just say, if anything, it was a good conversation starter….
“If you want to be a writer, you must do two things above all others: read a lot and write a lot.”- Stephen King
There’s no way around it. As the old cliché states: If you want to be a writer, you must write. If you’re feeling a little stuck, don’t worry, you’re in good hands. At OCG Creative, our content department has experience publishing hundreds of blogs over the years. We’ve learned a trick or two about how to create informative, engaging content while still meetings deadlines. Here’s a few of my blogging tips that I’ve turned to over again when I have a “OH MY GOSH, I DON’T KNOW WHAT TO WRITE MOMENT.” Just kidding, that never happens (just incase my boss is reading this).
This first of the blogging tips is a no-brainer. As a Content Strategist, breaks in my day are absolutely key. If I haven’t taken a break all day, it’s not a pretty sight. Just ask my co-workers. My hair usually starts to fall out at that point and I’m covered in post-it notes. How do I keep mental clarity? By simply scheduling regular 5-10 minute breaks in between completing writing assignments. Just getting up, stretching, talking with co-workers and getting a glass of water all help focus and get back to work.
After your break, if you’re still struggling to get through your writing, you may be struggling with a deeper problem...one called perfectionism. Stop right there. I have a quote on my desk that says, “Done is Better than Perfect” to help push through the mental barriers. Perfectionism is a writer’s enemy. Nothing will kill a project faster than overthinking it to death. Now, I’m not in any way condoning doing bad work. However, the only way to get better at something is to push through it, even when you think you're not good enough. If you never get started you do not have anything to improve on. A draft is better than a blank page. And a second draft is better than a first draft and so on… Getting started will always get you further than procrastination.
Once you break through the initial obstacles of procrastination and protectionism, now you can get some real work done. Sometimes we simply have to get out of our own way to move forward with writing. At this point, that’s why I suggest asking for help or feedback. Explaining your ideas to another team member or person can give you clarity and feedback. Getting stuck in your head does not yield great results. Much of the time, you will find that you’re on the right track and may just need a second pair of eyes. Asking for feedback and help is super important when it comes to moving projects along on a deadline.
Mental fatigue is a real thing, and it sometimes even trumps physical fatigue. If you’re not getting anywhere with your writing, step away from the computer. I repeat…step away from the computer. Get out into nature for a long-hike or take a day to unplug from technology to brainstorm away from your desk. Studies improves that getting out into nature improves productivity and creativity. You’ll be shocked at how much more creative and productive you are when Monday morning rolls around.
Still stuck? Try these alternatives to writing at your computer: -Try taking notes on your phone as you go for a walk -Make an outline on a notepad -Hand-write your ideas -Voice record your thoughts -Talk out your thoughts with a team member These are all strategies to help get your ideas out of your head and into a tangible form to work with. Remember, writing is a tool to communicate. It does no good to keep your thoughts in your head (unless you’re telepathic, and that’s a different story entirely). I hope some of these blogging tips help you get through your next piece. Let me know your favorite ways to overcome writer’s block in the comments. If you can’t think of something to write, go back to step one and start there!