Concept for Redesigning – Company Website

Developed A Concept for redesigning of website

Homepage

  • Home page is arguably the most important page on your website.
  • Home page sets the tone for your business like a first impression.
  • A well thought out home page design creates a visual trail of breadcrumbs that can effectively guide your visitors to discovering your services/products effortlessly.  The page layout will also direct your visitors to know where to take action and follow through to the next step.
  • Page layout planning helps you figure out what content to place on your page, where to place it and which content should go first.
  • It’s actually very methodical and logical – so everybody can replicate a good layout.
  • There needs to be a flow so you can guide your visitors to discover your website the way you want them to.
  • Easily identify what your website is about, what you do and how you can provide your visitors with solutions to their problems; and
  • Engage with your business by figuring out where to take the next step.
  • Effective home page layout is all about making your website easy to use and navigate. 
  • Your visitors will make a very simple, split second choice when they arrive on your home page – stay or leave.
  • Above-The-Fold – content you can see WITHOUT scrolling down when your home page is first loaded.
  • Below-The-Fold – content you only see when you scroll down.
  • The #1 goal of your primary content is to convince your visitors to stay longer to further investigate what you have to offer.  Your primary content must be clear, concise and specific.

                                               Primary Content Breakdown:

1.Headline:

  • In one single sentence (two at the most), you must answer the question that all your visitors will be asking – “What does your company do?”
  • A good headline will answer this burning question — so it needs to short, clear and describe what you do perfectly.
  • You want your visitors to read your headline and think – “Hey, that’s me! I need this!”
  • Here is a great example of a simple, effective headline that says a lot:

Pro Tip: If you don’t know what to write, try asking your customers or audience why they visit your website, use your services or products. You can take literally take the words right out of their mouths and use them as your headline.

2.Sub-Headline:

  • You have an opportunity to define your service/product in a bit more details with your sub-headline.
  • The brief description should answer – “What problems do you solve for me?”
  • Here is good example of an effective sub-headline:
  • In one short phrase, it tells you how their product can help you.
  • In this example, their users can use their product to create pages to generate more customers!

3. Primary Call-To-Action

  • A Call-To-Action provides directions and asks / tells your visitors to do something – to take the next step.
  • This can be “call us now” or “click for a free quote”.
  • Don’t expect your visitors to know what to do next — they don’t.
  • You want your visitors to visually see that there is a next step that they can take, so never be shy about telling them what to do in a helpful way.
  • The key is to actively engage with your visitors — tell them what to do, and guide them to taking action so you can start building a relationship with them.
  • This can significantly increase your chances of winning new customers.

4. Use Images or a Video to Illustrate Your Message:

  • People are naturally drawn to visuals like images and videos, so it is a great way to create a mood or show your audience what you are all about.
  • It is important to remember to use images and videos that are relevant to your website. If they don’t serve any purpose or don’t do a good job in enhancing your overall branding or messages, don’t use them.
  • Where to Find Professional Images – see our guide on how to pick the right pictures, and where to find professional images without paying through your nose (a lot of professional quality images are actually free!)
  • How to Use a Video Background – have you considered using a video background to “wow” your visitors, make your website look more professional and improve your branding? See this guide on how to use a video background the right way, and the do’s and don’ts.

5. Logo:

  • Your logo needs to do a good job of subtly communicating what your company is about. It hints at the DNA of your business — whether you are professional, creative, aggressive, or laid back.

6. Navigation Bar:

This is the roadmap you use to show your visitors what’s important and where they can go to get the specific information they need.

Rule-of-thumb:

Only include necessary pages and don’t confuse users with too many unnecessary options.  Your visitors will not be interested (initially) in pages about copyright, privacy, and terms of services. So insert them elsewhere — like in your footer.

Create logical groups of related links, with the most important links organized from left to right.

Keep page titles short and descriptive.

Place your navigation bar in a prominent location so it is easy to find.

Put yourself in the shoes of your visitors and ask yourself this:

“What is the least number of steps I need to take before I can make an informed decision to buy your service or product?“

TYPE OF CONTENT TO INSERT BELOW-THE-FOLD

As mentioned above, not everyone will scroll down your home page to view more of the page.

Your visitors who will actually scroll down your home page to see more are those who are interested in what you have to offer after reading your headline and sub-headline (your Above-The-Fold content).  

Otherwise, they would have left your site already.

So, the type of content you want to insert Below-The-Fold is to support your Above-The-Fold content (what you offer and how you can solve your customers’ problems).

Here are the 2 types of content you should display Below-The-Fold:

1. Secondary Content: Content that is not important enough to make it Above-The-Fold, but is still crucial to convincing your visitors to become customers or loyal followers.

2. Additional Content: These are the “nice-to-have” information, but are not critical in making your website effective for making a strong first impression.

1) Secondary Content Breakdown: 

Secondary content reinforces your Primary Content (Above-The-Fold).

The goal is to convince and educate your visitors on what exactly they’ll get out of using your service or buying your products.

2) Additional Content Breakdown:

These are the “nice-to-have” information but are not critical in making your website effective for making a strong first impression.

For example, blog articles, company announcements, event schedules, industry updates, location map (if you are not in the restaurant business).

Such content does have a place on your website, and if placed in the appropriate location, can help complete the overall picture what your business is about. But if they are used incorrectly, they can create clutter and confusion.

Now that you know what you should include in your homepage, let’s see how you can position your content to create an awesome experience for your visitors!