Search
Simple website layout and design tips for bloggers

Having a good blog design is an important part of the whole blogging experience. But not all of us are designers, visionary gurus or highly knowledgeable in what exactly to do… Don’t worry about that – these simple website layout and design tips will give you a good idea on some actionable ideas to follow!

 

First of all, remember that having a blog (or a website) is all about you being proud and happy with whatever you’re doing. It’s not always about following all the design tips for bloggers you can find or having the most high-class solutions.

There’s also a big difference whether you’re planning to be a full-time blogger and earn income from what you’ve created or you’re just planning to blog for fun. If it’s the latest, honestly, do what feels the best for you! But if you want to create a design that lasts and attracts the right audience, read on.

Let’s take a look at some design tips for bloggers to keep in mind!

This blog post includes affiliate links.

Website design tips for bloggers

 

First of all: Use of a trustful hosting service

Before getting to the actual design tips for bloggers, it’s important to have a very trustful hosting service that won’t lose your data and leave you without your website in general…

I’ve chosen Siteground since they literally have THE best customer support I’ve found online + WordPress where I can either purchase or use free themes for my blog. Although many people roll with what they find on their way, it’s important to actually do a bit of research and make the right decisions since it’ll take forever to change afterward.

Before making the final decision, make sure to read more about the things you should keep in mind when choosing website hosting.

Website layout tips

TIP #1: Start with a good template

Whether your blog will be made on WordPress, Squarespace or any other platform – you will have to choose a template. For WordPress, it will be called a theme. For other sites, you can also find it under different titles like Style, Layout, etc.

Since the template is the very base of your website, it’s important to make a smart decision and really consider all the pros and cons for each of the options.

I was using Squarespace and it offered me around 30 various templates that all are different and designed for various needs. Later on, you can adjust most of the things yourself, but it’s great to start out strong and with something you really like.

Once I moved to WordPress, the choice was even harder since there were oh, so many, options!

There are several things to keep in mind when choosing a WordPress theme.

But there are also some general things to consider – no matter which platform you choose: 

  • What are the most important things you want to showcase? Is it your portfolio? Your blog posts? Or your story?
  • How many pages will you have & how much of written content will you want to create?
  • Are you looking forward to having a very visual website or you’re more of a written content person?
  • Will you need blog and sidebar for your blog? This is very important both when choosing a template on a platform like Squarespace and picking a WordPress theme – not all of them support Sidebars.

Check out all these features for each template you choose BEFORE you actually get your hands on it.

 

TIP #2: Create a structure

While this is not directly related to design, it’s still one of the most important design tips for bloggers.

Having a decent structure before getting started will A LOT of your time: creating a page structure that is easy to understand and follow for your own needs and others.

What do I mean by this? It’s basically all the Pages you’re going to have, how they’ll be called and inter-connected.

For example, I have Work With Me page in my Menu. I offer two services: website design and online course creation. From that page, you can access two more pages, for each specific service. None of them are directly on my Menu, they can be accessed only through Work With Me page.

Here are some things to consider:

  • What will be on your homepage? Will it be Recent Posts page or a specifically created Landing Page?
  • Which pages will be in your main Menu? It’s usually one on top of the website. For this Menu, I’d suggest choosing only the most important pages, without overwhelming your readers.
  • What sub-pages will you add? It’s not always necessary but you can, for example, add Categories under Blog. For example, your big Menu Item would be Blog and when it’s scrolled on, it shows the Categories like Home, Food, Clothing.
  • Will you have any hidden pages? Something you have on your site but that can’t be directly accessed or that can be accessed with links from posts only.
  • Which pages will be in your footer Menu? Usually, those can be some less popular pages that others still might need access to like Terms & Conditions, About, etc.

Although Menu items and website’s structure is not directly related to blog design, it still plays an important role in a well-working website.

 

TIP #3: Review the pros and cons of having a sidebar

Sidebar seems like a minor element but it can have a big impact. Both good and bad.

Many bloggers these days chose not to use a sidebar on their blogs for various reasons. One of them being the distraction of a reader.

I believe it truly depends on your own personal preferences.

When I had a blog without the sidebar, it felt like I’m missing something. And although now my sidebar has just some basic info on it, I feel like it’s meant to be there.

But what to put on a sidebar?!

  • Short intro to you and your blog
  • Shortcut to the most interesting articles
  • Your course or freebie ads
  • List of useful resources
  • Your e-mail signup!

When it comes to sidebars, it’s also important to keep in mind that most mobile users will never see it. Therefore, whatever you have on a sidebar, should be accessible otherwise as well.

 

 

Design tips for bloggers

To create a nice-looking design if you don’t have any kind of design experience is hard!

Therefore, my very first and the most important tip for you is to KEEP IT SIMPLE. Unless you have clear guidance for well-working design ideas (for example, good color or font combos that you know are bulletproof), don’t experiment with it too much.

At the end of the day, the best blog is the one that is easy to read.

 

TIP #4: Keep your fonts readable 

Fonts have always been an experiment. Even for professionals!

The trick here is to stay away from hard to read fonts that make your (and your reader) heads hurt.

The best way to find fonts that work the best is to research what others are doing and copy the blog you like the most.

I don’t mean copying the exact same style, look, colors. Please don’t! But choose the site you like and add the feel of it in your fonts.

If you don’t know how to find relevant fonts, you can always do the following:

  • CTRL + U – this will lead you to the Source of the page
  • CTRL + F – search “font”
  • And voila! You can see the exact font names used.
  • If you want to stay away from copying the exact style, continue to Google and search “Fonts similar to…”
  • Then check which one of these is available for your site!

Another thing – I’d always suggest staying away from script fonts for the website.

There are several reasons why so! First of all, when the internet is slow, such fonts won’t load. Sometimes, they can be replaced with other fonts. They are also not as responsive.

For the font size, keep it decent – don’t make the font too small, it might look lovely but as long as you’d like for others to actually read what you’re writing, MAKE IT READABLE.

 

 

TIP #5: Be mindful about the colors

What color to chose?! What’s the best choice?!

There are so many options… – most of them really are great choices! The trick is simple: choose what works the best for you and your audience.

Your website colors should be in harmony with your style of writing and your personality.

I’m always all about simplicity. Black & white, some simple accents like yellow, green, red… Whatever rocks your boat!

Don’t make it too hard on people eyes and you’re good to go.

There is a whole psychology behind colors and if you want to be really smart about it, you can look into it (it’s simple to find them by color explanations or color psychology).

Here are some samples:

  • Dark blue is the symbol of status, money, wealth, brain. That’s why many (or just… all?!) finance related sites use it. It leaves a high-quality impression.
  • Green is associated with energy, growth, movement. Of course, it’s also related to all earthly things, eco questions. It’s perfect for sites that invite to action.
  • Red is the fierce, fire, power. It’s aggressive, therefore, be mindful when using it! While red is a great accent color, it shouldn’t be overused.

 

TIP #6: Create your graphics in a similar style

Keeping all your graphics brand-aligned and similar can go a long way when it comes to design tips for bloggers.

Choose a style that goes along with your preferred fonts and colors, make sure they are noticeable but don’t distract. 

This is important for all parts of the website: your Pinterest graphics, sidebar ads, banners, any additional elements. It doesn’t matter, whether you use Canva, outsource the task or design them in professional programs.

Once you’ve chosen your style, keep it that way for any blog-related graphics. It doesn’t have to be boring or all the same but it should be similar, using similar elements that work well together.

Well-designed graphics is one of the most important parts of a successful blog design since they make your blog nice to look at and fun to come back to!

Custom Pinterest graphic design for bloggers

 

At the end of the day, no design tips for bloggers will help if you don’t like your own site. Therefore, make sure to do what feels right for YOU.

Keep it elegant, simple, don’t overuse a variety of elements just because. And if it’s a blog, make sure it fills the main function and is easy to search, read and share!

 

What are your most favorite actionable design tips for bloggers?

Leave a Reply

Your email address will not be published.

You may use these <abbr title="HyperText Markup Language">html</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*