Everyone loves gorgeous website graphics with crisp images, clean lines, open space, and slow loading times.
Some website graphics even get a little fancy and take advantage of things like parallax and video backgrounds.
With photos, videos, and custom graphics, you can create a sexy website that pulls in your visitor and gets them eager to start spending money!
As we’re told when it comes to finding love, looks aren’t everything! The same thing is true when it comes to building a new website that sells.
In fact, if you spend all your time focusing on a good looking website, you may end up creating an ugly user experience.
Big Images are a Drag
Big is beautiful, when it comes to photos and website graphics. The truth is that the best-looking images have the biggest file size – often clocking in at 5 megabytes or larger.
This happens because the photographer (or graphic designer) did an amazing job crafting the image. Meaning the image has a high image resolution so that even on a big screen, the image will look great.
The problem is these huge images are a real drag on site speed.
Visualize the first time you visit a new website. It loads in a second but there’s this huge space right up top, just waiting for something. Several more seconds pass and this beautiful image appears in the blank space.
Now imagine this same experience on a slow connection or worse, on your mobile phone (well, there goes a chunk of your data plan).
Video Backgrounds – Cool but Slow
A video background on a website can be an exciting way to capture the attention of a site visitor – adding movement to an otherwise static page.
And unlike when I’m watching a YouTube video you have embedded on your page, these background videos don’t stream. Your visitor has to download them to their device.
Again, imagine a slow web connection or a mobile device. Suddenly your attractive embellishment becomes a pain for your site visitors.
Mobile First Web Design to the Rescue
The good news is you can have your cake and eat it too.
Working with the right partner, you can have spectacular website graphics like gorgeous images and cool background videos running. All without creating a nightmare experience for your visitors on slow connections or using a mobile device.
By now it seems everyone has seen a mobile responsive site on his or her phone (you know, they fit on the screen and are easy to read). In fact, it often seems weird when you find a site that isn’t.
But mobile responsive web design isn’t enough. You need a website that is mobile first.
What is mobile first design? In a nutshell, mobile first design is when you built a website for the small screen and you add content to the website as the display gets larger.
What Can You Do?
When it comes to pursuing a mobile first responsive website design, you need to start by understanding your new website won’t display all things to all people because it’s built to create the best possible user experience.
Getting a solid mobile first design begins before the coding even starts. You need to make sure you understand your visitor’s requirements for your site and how their use of site changes based on the device they’re using.
When we work with a new corporate web design client, we make sure we help them get clear on who will be using the site and how they will be using it.
Doing this will let you be clear on the strategic direction of your website but it’ll also tell you which content belongs depending on the device.
If you’re planning a new company website or maybe you’ve already started, you need to make sure you’re digging into the right things.
Otherwise you risk getting a trophy website – you know, looks good but doesn’t do much more.
Check out the other mistakes to avoid when pursuing a new company website.