explore the blog:

Portfolio       website       branding       business      Copywriting       Apps & Tools       Motivation & personal

Website Design Hacks: 5 Simple Ways to Elevate Your Web Design That Designers Use Too

October 2, 2017


filed under:

posted on:

When you’re first starting out, a DIY brand is sometimes necessary when you don’t have a lot of money. While hiring a designer is important in your journey, it’s good to be prepared on what you’ll need to invest beforehand. One of the most important aspects of your new business will be your website. It’s the homebase of your business and the website design will either make you look professional or inexperienced.

Surprisingly, small details that are quick and simple to add will make your website look well designed and designers (myself included) add these elements to our own clients’ sites. Educating yourself to make your DIY brand stand out for all the right reasons will start your business off on the right foot.

Keep Your Navigation Simple

Naming your pages unique words or phrases can seem like you’re helping yourself stand out. User experience is an important and often overlooked aspect of a website design. An easy way to think of user experience is this: when a viewer lands on your site or begins to use it, will any element make them confused or lost? You want to make sure that someone looks at your navigation and knows exactly where they are going. ‘About’, for instance, is instantly recognizable. ‘The 411’ could mean a lot of different things. You don’t want a viewer to have the choice of either clicking the link to figure out what the page is about or choosing not to bother.

With Janae’s site, I loved her unique style. You don’t see bold, rich colors as much in wedding photography and I wanted her website to showcase her modern touch. The navigation is set up in a modern layout, but the linked words are simple and easy to understand.

Blocks of Text Are Equal

Websites have a lot of content. It is best to break it up somehow because small text can be hard to read. So that the content isn’t spanning too wide, columns are a good way to shorten the length of each line. Making sure the lines are even on each side looks professional and clean without having to do a ton of work. You may need to tweak your wording, line height, or width a bit until it looks just right, but it makes all the difference.

With her light, bright style, I wanted Nilo’s site to feel airy and open. Keeping her content in grids and cleanly lined up made the website design look neat and tidy. In the example above, her services are lined up and even which makes her page look organized.

Give Your Work Room to Breathe

A common mistake made by non-designers when setting up their website is a lack of white space. White space is exactly what it sounds like and that room to breathe makes sure your words and images are center stage. When a website design gets too cluttered, people don’t know where to look and where to go next. Leaving adequate space around your content keeps the eye focused on what you want viewers to see.

Becky is not only a photographer, but a logo designer. We didn’t want her website to become too cluttered. When you land on her site, it is open and her work pops out at you. Then I gave the audience 3 choices of where they could go, based on her goals for the website itself. That way, people get to know her and her work before anything else.

Restrain Your Content

Just like matching up blocks of text so that the lines are even, keeping all of the elements in your site within a width of pixels gives order and visual simplicity to even a complex design. I customized my Showit theme, A Day in April, for Lauren’s florist site and although there are so many grids in each section, the width of all the content stays the same. It keeps her website looking clean. Even if you have a full width banner, slideshow, or background, simply make sure the content on that element stays within the space you’ve designated in all the other sections.

Break Up Content with Shapes and Colors

While you want a lot of white space, that space doesn’t need to always be white (or minimal)! A great way to infuse your brand colors is to use them as backgrounds or in graphic elements to break up the text on your site. Websites require a ton of information and making sure you keep it interesting and easy to read will keep a viewer on your site longer.

Ina’s work is so beautiful and on her website, I wanted to keep things classic. Her work is front and center while still peaking interest using lines, circles, photo and colored backgrounds, and sections you can click through. One page websites especially benefit from elements breaking up content so it’s not just one long block of white with occasional information.

Bonus Tip

Whether you hire a designer or not, poor quality photography can break a beautiful design. If you’re brand new with no funding, free photos work well! Check out Unsplash for varied work from lots of photographers. For beautiful flat lays and professional settings, try the SC Stockshop! Shay has a clean style that enhances your brand no matter the colors or feeling. She also has some beautiful new shoots available now!

These 5 tips are easy and quick to implement and make such a huge difference. I’d love to see your website! Leave me a comment with a link to your site.

I’m so excited to share a guide I created with you all for free. Are you missing out on potential clients? Your website can be optimized to convert visitors into inquiries with 5 simple action steps. Sign up below to receive your guide.

Are you missing out on potential clients? The fix can be as simple as updating your website.

Get the guide which gives you the exact steps you can implement quickly for a better website that books you more clients.

We won't send you spam, guaranteed. Powered by ConvertKit
  1. The #1 Website Mistake Most Business Owners are Making • SJ Blog

    January 9th, 2018 at 6:28 AM

    […] that doesn’t mean you can’t still make small changes to your website. Check out my post about 5 small (and free) changes you can make to your website to make it look like a designer had a hand in the design. I use these tips all the time to subtly […]

  2. طراحی سایت

    February 18th, 2018 at 2:50 AM

    Too many Thanks For website design Info.is It WordPress a Good CMS ?

  3. Stefani

    February 19th, 2018 at 9:35 AM

    I think WordPress is a strong CMS if you have a developer. Otherwise it’s too cumbersome and powerful for most business owners.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: