Less than 2 weeks until TNW València 🇪🇸 Get a last-minute 30% discount on your ticket

This article was published on October 8, 2017

How to redesign your blog… the right way

How to redesign your blog… the right way Image by: Softwired Internet Marketing
Robert Katai
Story by

Robert Katai

Content Strategist

Visual marketer, blogger, and content strategist at Bannersnack. Passionate about visual marketing, Instagram and content marketing. Visual marketer, blogger, and content strategist at Bannersnack. Passionate about visual marketing, Instagram and content marketing.

Do you own a company blog or a personal blog? Have you considered redesigning it? What would this encompass? What are the things you need to do to make sure you do a good job?

Blogs are still popular, whether they belong to businesses, eCommerce websites or individuals. They are one of the best ways to communicate with the outside world and build brand awareness through content marketing.

However, due to various circumstances, you might need to change the visual style of your blog and redesign its interface. Let’s take a look at some of these possible scenarios but first, let’s talk about the brand:

Why is the brand important?

The brand concept encompasses everything that has to do with your business or personal identity. Starting with the logo and up to the customer services you provide, it defines not only your visual image but also the way your customers or followers perceive you.

A solid brand image is not only built on trust and excellent service but also on the visual representation of your website. There’s no doubt that people tend to pay more attention to the brands they recognize. Branding helps make your blog or website recognizable and sets it apart from the competition.

Create your brand

The first thing you should think about when starting or redesigning a blog is to create a visual image of your brand.

There are many tutorials available online that will teach you the basics of brand creation. However, the following advice also applies to this specific task. I would advise you to read them carefully and make sure you get to check every single one of them when you design your blog.

Why redesign a blog?

It’s pretty simple:

  • The theme is outdated
  • Due to various server updates, the content management system is no longer viable
  • There were changes in the visual image of the brand and/or business
  • There is need for more usability
  • Users have requested the change of the visual style
  • Other incompatibilities with the technical and visual requirements of the present

Start with the logo

If you don’t already have a logo, you want to change it or just to adjust it, this is your starting point should you want to redesign your blog.

The logo is your brand’s identity and it will be the first thing your readers, customers or fans will associate with you or your business. Even if you are not a professional designer, or you don’t have a budget to hire a professional, you can still design a great looking logo.

There are several free online logo maker tools available. Choose the one that best suits your needs and proceed with designing your main visual representation.

Create the perfect header banner

Another important element of a blog is the header banner. In many cases, the header is nothing more than a logo with a slogan while in other cases, it is a separate and distinct design that completes the logo and the visual style of the brand.

The header should be simple in terms of content.

However, the design depends on how you want your brand to be perceived. You can use content in the form of a simple description of your blog, a marketing slogan or a call to action. Sometimes, all three elements can be present in the blog header.

Examples of great headers:

Credit: Everywhereist

The Everywhereist is a travel blog that gives us a great example of a simple yet effective header. Besides the title of the blog, the header section features a custom designer menu with four essential buttons.

Credit: Cult Foo

Cult Foo gives us another great example of a creative blog header can attract readers with a design and beautiful colors. Moreover, the navigational menu is simple and the search bar is right under the logo, very accessible and easy to notice from your first visit.

Credit: Octwelve

Octwelve is a good example of how a logo based header should look. The first thing the reader notices is the branded logo and the navigational menu that contains links to the most important categories.

Credit: N.Design Studio

If you are a designer and you want to change your blog’s visual style, get inspired by N.Design Studio‘s beautiful and artistic header created by Nick La, a Toronto based web designer, and illustrator. The focus is on the right side of the header where, above a creative design, we can easily find the main navigational menu.

Credit: The Five O’Clock Cocktail

The Five O’Clock Cocktail blog uses creative patterns in its header that feature cocktail glasses. This is exactly what the entire blog is about and this is why the header is not only creative but also a great addition to the brand’s visual style. If you like this style, try creating patterns as well and add colors if your brand or your blog requires it.

Select and adjust the theme

The theme is also important when it comes to blog design. While readers will notice at first the header section, the theme is the element that should make your blog readable and pleasant. Let’s go over the five elements that need to be checked at this point:

1. The theme should be responsive

Responsiveness is important due to the fact that not all computers have the same screen resolution. Thus, you should make sure that your blog does not lose in readability whatever the resolution of the computer from which it is being read.

2. The theme should be mobile friendly

Most Internet users today are reading their blogs from mobile devices, smartphones, and tablets. They are easier to carry around and accessible on the road, the office and virtually anywhere as long as there is a Wi-Fi, 3G or 4G connection available.

3. Choose the right fonts

They are not only important for readability but also for design. For readability, choose fonts that are easy to read in terms of size and spacing. For design purposes, choose the fonts that best suit your overall theme and the brand visual image. For instance, if your logo and header features a specific type of font, try using the same type or something similar in your blog posts. Also, make sure your titles and headers inside each post are clearly visible and easily noticed when they separate blocks of text.

4. Use spaces wisely

More bloggers are using spaces these days as an important component of the web page design. The spaces between the chunks of text determine the flow of the blog and as well as its readability. Keep in mind, however, that it’s important to be consistent when using spaces and to ensure your texts look the same on each page.

5. Choose a theme with a simple yet accessible navigation menu

Choose a basic and easy to spot navigation menu to make it easier for your readers to find what they want. Depending on your blog destination, five to ten navigation menus should be enough.

Create the “About us” page

Whether you have a business blog or a personal blog, it’s important to tell your readers who you are and what you are writing about, the services you are providing, the products you are selling, etc. Here, you can also describe your philosophy or your company’s philosophy, how it all started and what your goals are.

The “About” page can feature clients’ testimonials as well as your contact details, in case there is no dedicated page for that kind of information. If this is a business blog, consider adding some photos with the team that’s behind the website and even some extra info on each member, contributor or author. If this is a personal blog, you can just add some photos of yourself.

Thus, you can create a sense of closeness with your readers, who are able to tell from the start who is the individual behind the blog they like to read.

Here is an example of a great “About us” page: The Copyblogger. It starts with a group photo of the entire team and continues by telling the story of the blog. It ends with a call to action button that invites readers to subscribe for a free membership on the blog for free training and updates.

To sum it up

If you’re a blogger, you already know that besides valuable content, you need to stand out from the crowd in order to be noticed. You can do this by paying attention to how your blog looks and give it a unique yet beautiful design.

From logo creation to the “About us” page, this list should guide you through the most important steps required when designing your blog. Make sure you check every single one of them on your “to do” list and rest assured that you did everything you can in pursuit of the ideal design for your blog’s success.

Should you have anything to add to this list, feel free to leave a comment.

Get the TNW newsletter

Get the most important tech news in your inbox each week.

Also tagged with