In this guide I share some of the best tips to improve your Web design, offer a great first impression and meet the goals you have with your blog or site.
Define Your Site's # 1 Goal
Before focusing on how your Web design is going to be, it is very important to define your main objective. 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.
Write your goal clearly and later, when you put these tips into practice, they will be much clearer and easier to take action.
Use a quality template or theme
The template you use in WordPress will work as the basis of your design, which you can modify to your liking according to the customization and design options 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 adapts to what you need and that also offers security, great design and quality support.
Images are the first thing that attracts the attention of website visitors. The look (almost) always automatically goes 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 to readers.
Do not use low resolution photos or images, with unhelpful colors, or with any other characteristics that may cause users to have a negative reaction.
The objective is that the images can help the reader to be able to better consume the written content or even to enrich their learning with a more visual medium.
Remember that WordPress has a basic image editor to touch up any detail and you can also use some plugins to improve them even more.
Suitable backgrounds and textures
We may have great images and top-notch content, however, if the blog contains very bright or very dark colored backgrounds, it is very easy for users to prefer to leave the site immediately.
The textures that you use also help to have a better experience and impression of the blog. Use modern, well-colored textures and backgrounds, which are essential for great web design.
Depending on your design, you may occupy different backgrounds and textures for some areas, for example, the blog and post part may have a different background than the menus, header, or widgets.
I always recommend looking for a similar pattern so that there is not so much contrast and the same style is always maintained in the design, this way it will be much easier to focus on reading the content and not be distracted by external factors.
To learn more about web fund resources and tips, check out: How to use web funds on your blog and site
Simple navigation and structure
Many times when trying to have a great design with many functions and features we forget the most important thing: to offer a simple, understandable navigation that facilitates the desired conversions.
Among the most important navigation tips are:
Do not use too many Widgets in the sidebars that can distract the reader
Do not fill the site with advertising (unless it is a site 100% dedicated to that)
Use colors and combinations of elements that facilitate reading (For example, the same color in post titles, widgets and menus)
Do not abuse personalized menus
Typography is another element that influences the results obtained on a blog or website.
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 regard, and what better way to do it with the help of Google.
I recommend you use a Google Font in your theme. Many WordPress themes already come with these types of fonts preloaded and ready to use.
My favorites are Roboto, Lato, Open Sans, Droid Sans, and Arvo.
A good blog design is not just about implementing best web design practices; it involves much more than that. Unlike static websites, a blog incorporates much closer social media integrations to directly facilitate interaction with visitors. This makes the design task a little more difficult. Contrast Each blog is made up of different sections that […]
Modern sites are made on the principle of social networks: almost endless scrolling down, many screens. A consequence of this design is the need to insert an "Up" button. The proper placement allows for better usability. The task of UX designers and programmers is to make sure that the button does not interfere with the […]
Common mistakes when designing a portfolio: Lack of a clear structure Portfolio design and layout depend on the ability to communicate with users. If you can't connect with the hiring manager by properly presenting your job, how will you interact with users after hiring? Structure your portfolio information by chunking and visualizing harmoniously. Highlight important […]
For fast consistency between designers, without sacrificing quality, a common language of components and free access to the library are needed. Most have noticed the problem of how the elements of the system are lost depending on the movement of the tools. Designers need access to the same tools as designers. Previously, they used complex […]
The whole process of promoting simple projects, I would divide into 3 stages: Compilation of the semantic core Optimizing content Link building Basically, this is all that is needed for a successful promotion. Now let's talk about each step in more detail. Compilation of the semantic core The semantic core is a set of search […]
When photographing, especially with a non-professional camera, photographs require significant improvements in colour. Colour correction of photos in Photoshop will allow you to correct these imperfections or change the colour scheme in accordance with the wishes of the photographer. Let me remind you that this is not an "instruction manual" and not a call to […]
What if you like a font but don't know its name? Everything is very simple if you have its graphic outline at hand. There are a large number of online services that search for a font by image, and admittedly, quite good. In this article, we will look at some of them, and try to […]
If you look at some designers' resumes, and then in their portfolios, and then again on the resume, you get the impression that they don't really understand the difference between UI and UX. In fact, this is a common problem not only among designers but also among employers, ranging from small studios to large corporations. […]
Good design is a good idea in an attractive shape. In some works of designers, the form suffers, in some - the idea, and in some - both. This is often due to the substitution of computer-generated effects for the actual design, and the inability to come up with a quality idea. A thought process […]
Many mistakes wander from layout to layout, from one designer to another. They are like a disease that needs to be treated urgently. But no one does it, because some absolutely do not care, while others do not have enough experience. How to heal the problem To get rid of trivial problems and improve your […]