Web Design – Tips for Making a Great First Impression

Imagine the following scenario:

There are two young people with great ambition and aspirants to the same job of a well-known company:

Javier wears an elegant suit, is well shaved and has a correct posture. You will feel safe, confident and 100% prepared.

On the other hand, we have Pedro, who is like leaving a nightclub at 7 in the morning (long face, dark circles, torn pants and sports shoes at half mooring).

Who do you think will make the HR interviewer look better?

Without even knowing his studies or experience, one of the two already has a clear advantage over the other.

The first impression largely determines what will happen next in terms of communication, relationship and interaction. This happens in everything, whether in personal relationships, professionals, work presentations, negotiations and also on the Internet.

Although there is no face-to-face communication on the Web, the way to introduce ourselves to the world and to others is through our website or blog.

We can offer the best information, however, with poor Web design in terms of appearance and structure will be practically impossible to draw attention, connect with an audience and thus can take advantage of all that content is offered.

On the Internet, the average level of care is very, very low. Distractions are the order of the day and it is becoming more complicated that a user does not leave any site in the first few seconds.

With an excellent Web design, there is a better possibility of having a better connection with each person who visits our blog, who reads the content and complies with more specific actions like subscribe, leave comments, recommend the page in social networks and of course buy it Which is offered.

Web Design – Tips for Leaving an Excellent First Impression

In this guide I share some of the best tips to improve your Web design, give a great first impression and meet the goals you have with your blog or site.

Define your site’s # 1 target

Web Design - Tips for Making a Great First Impression

Before you focus on how your Web design is going to be, it is very important to define your main goal. All the elements that we are going to see in this tutorial are going to be a help and support so that the objective can be fulfilled.

The web design of a blog will not be the same as the design of a sales letter, for example.

Clearly write your goal and then, in putting these tips into practice, be much clearer and easier to take action.

Examples of objectives:

• That users subscribe to my mailing list
• Buy my product
• Read the articles on my blog
• Fill out a form of contact so that I can offer my services

How many can there be?

Use a template or quality theme

The template that you use in WordPress will work as the basis of your design, which you can modify to your liking according to the options of customization and design that it offers.

There are thousands of templates of different styles that can be used. Some focused on a certain type of site. For example, we can find themes for blogs, for corporate sites, for freelancers, for virtual stores, etc.

The most important thing is to choose a theme or template that suits what you need and that also offers security, great design and quality support.

Example: The RecommendedStore template offered by dewaz offers all this and much more. What I like the most about this theme is everything you can modify and customize to your liking.

I recommend it a lot.

Quality images

Web Design - Tips for Making a Great First Impression

The images are the first thing that attracts the attention of the visits of a Web site. The (almost) always goes automatically to the most visual and illustrative part, that is why we must be sure to use quality images, with good resolution and that are attractive for readers.

Do not use low resolution photos or images, with colors that do not help or with any other features that may cause users to have a negative reaction.

The objective is that the images can help the reader to be able to consume better the written content or even to enrich their learning with a more visual means.

Remember that WordPress has a basic image editor to retouch any details and you can also use some plugins to improve them even more.

Suitable backgrounds and textures

We may have excellent images and top-level content, however, if the blog contains backgrounds with very bright or very dark colors, it is very easy for users to prefer to leave the site immediately.

The textures you use also help you have a better blog experience and printing. It uses modern textures and backgrounds with appropriate colors, which are essential for an excellent web design.

Depending on your design, you may occupy different backgrounds and textures for some areas, for example, the blog portion and entries may have a background other than the menus, headers, or widgets.

I recommend you always look for a similar pattern so there is not so much contrast and always keep the same style in the design, this way it will be much easier to focus on reading the content and not distracted by external factors.

Navigation and simple structure

Web Design - Tips for Making a Great First Impression

Many times in trying to have a great design with many features and features we forget the most important thing: to offer a simple navigation, understandable and that facilitates the desired conversions.

Among the most important navigation tips are:

  • Do not use too many Widgets on the sidebars that can distract the reader
  • Do not fill the site with advertising (unless it’s a 100% dedicated site)
  • Use colors and combinations of elements that make reading easier (eg same color in title titles, widgets and menus).
  • Do not abuse custom menus
  • Minimalist style
  • Quality typographies

Typography is another element that influences the results that are obtained in a blog or Web page.

Long gone are the days when the sensation was to use Comic Sans or Times New Roman for our headlines or content. It is time to evolve in this aspect, and what better to do with the help of Google.

I recommend using a Google Font in your theme. Many WordPress themes already come with these types of preloaded and ready-to-use fonts.

My favorites are Roboto, Lato, Open Sans, Droid Sans and Arvo.

Review the following resources:

  • Web font guide
  • Google Fonts
  • Choose the one you like best and present your information in a modern and pleasant style.

Tips beyond design

Web Design - Tips for Making a Great First Impression

Let’s look at some elements that are unrelated to the design but which also help to have a good first impression on the blog.

Load speed

Very important. Always try to make loading times in as fast as possible. If there is something that does not characterize Internet users is patience. (Almost) no one waits more than 5 seconds to upload a site.

To optimize loading times I recommend these two WordPress plugins:

WP Smush.it. Reduce and optimize image size without compromising quality or resolution.
W3 Total Cache. Accelerate the load times by eliminating the accumulated cache. It also offers many other optimization tools such as Content Delivery Network (CDN) configuration.
In addition to these plugins I also recommend installing iThemes Security, an excellent security solution that offers more than 30 ways to protect WordPress against attacks and thus offer a safe and always clean site.

Quality Plugins

It always installs in WordPress quality plugins and that known and trusted developers.

Many times we think that using many plugins can slow down our blog, however, what really has a negative impact is the use of badly programmed plugins, malicious code or any other aspect that affects WordPress in many ways.

Nor do I say that you install 300 plugins, but if you have to give a little more priority to the quality before the quantity.

Extra help: Webmaster tools

Google offers us a series of tools with which we can optimize our website and know its status in relation to its performance in the search results.

Some of the most important sections it offers are HTML recommendations (to improve structure), how to speed up load times, detect errors or malware, and more.

If you have read up to this point, then you already have the theoretical knowledge to be able to have an excellent Web design in your WordPress site.

Now is the time to take action and implement all these tips and strategies.

What other web design tips have worked for you? Share your experience so we can all learn about the topic

Leave a Reply