design tip: embrace the white space

“White space? Wtf is that?”

I hear you. You just spent 20 hours creating your own website and now there’s a fancy pants designer telling you to add more “white space” to your website. But before you start hyperventilating…

White space is just a phrase that designers use to describe the “breathability” of the site.

It’s one of the most important things that you can focus on when creating your website because it not only makes it easier to use, you look professional and sleek! Side note: white space is just the space, it can be whatever color your little heart desires, darling!

Below are two examples. Yes, they’re real sites!

great sites versus bad sites

I’m not joking when I say: yes, people with a site like the one on the right often don’t see the issues staring them right in the face.

So let’s break these pages down. Given that white space is the the distance from one section to another (or one idea to the next), I’ve highlighted in green where both websites have it.

nice-vs-ugly-whitespac

You see how Luisa’s has so much more green than the gate website? Luisa’s site is perfect because with that amount of white space, the reader finds it easier to read and in turn, become a potential client!

Also, notice how your eyes aren’t bleeding when you look at Luisa’s site.

All joking aside, the owner doesn’t notice how bad things are getting because it’s a gradual progression. First they make the logo bigger, then the fonts, then the colors start shifting to make things “stand out” and in the end, you have something that looks like a hot mess.

This can happen with any form of design, from your Facebook posts to your brochures.

Another symptom is trying to cram too much written information into the website. I totally understand that all the information you have is amazingly valuable but you have to make sure you’re also not overwhelming the reader!

How do you fix the white space issue? You delete things off the website (or other design).

Ask yourself: “What’s the number 1 goal for this page and what supports that goal?”

Then take out anything that doesn’t fit as the correct answer. Think of it this way, if your website were an outfit, would you wear it?

Have questions? Feel free to leave a comment and let’s chat about that darn white space!

Click here to grab the free Checklist 5 DIY Website Mistakes

Leave a Reply

Your email address will not be published.

*

After you have typed in some text, hit ENTER to start searching...