At the end you and your client will be satisfied with the result.

BRIEFING

Briefing is the first phase of site planning!
Definition of Briefing according to Google:

It is a concise and objective set of information and instructions about the mission or task to be performed.

The Briefing can be a document or a form containing questions such as:

• What are the main goals of the site?
• What messages should the site pass to visitors?
• Is there a date for the site to be launched?
• …

These questions, in addition to other questions, are designed to help you succeed in developing your site.

We can divide these questions into the following topics:

• Know the Company and its business
  Know what the company does its environment. And if the focus of the site to publicize or sell product, knowing how it works or product or system is indispensable.
• Site Goals
  Establish two to three goals that the site should achieve. This way you can focus your efforts in a way that impacts the site visitors. Often times, the client will not even know how to set the goals that the site should achieve, at which point you should enter your sense of observation and research to help the company move forward.
• Target Audience
  Knowing the target audience of the company is important because it will help you to define the language that should be used on the site, what type of content to produce, what media channels to use, and when and how to offer promotions or possible changes and improvements on the product.
• Competitors
  Find out who your competitors are! how they sell and launch their products, used visual identity, messaging, and social networking.
  With the Briefing in hand you should organize the tasks and deadlines using some project management tool. It can be from a spreadsheet to a task manager such as Runrun.it or trello.

WIREFRAMES AND ARCHITECTURE

The sitemap is part of the information architecture of the site, through which we can define what pages the site will have, and the connection between them. Basically you will be creating all the navigation of the site.

With all the planning set it’s time to get your hands on the dough. You will create the wireframes of the pages. Wireframe is a prototype, it’s a basic drawing that shows the architecture of how the final page will be, a sketch of your pages that helps you define the hierarchy of content.

Wireframes look like this, if hand drawn:

Or you can use tools like:

MockFlow

Moqups

LAYOUT

Once you have made a basic sketch of your website the next step is the layout design. At this stage you should have the company logo in hand, as well as materials that refer to the company’s visual identity. To draw the layout you can use Illustrator and to edit images, Photoshop, both are from Adobe.

DEVELOPMENT

The next step, after the client has approved the site layout, you should start developing the site. This process is a bit more time-consuming as it goes into encoding and integration with your CMS, for example: WordPress, which is a popular and free CMS.

TEST

With the site ready it’s time for you to test it, you should test it in many ways, from the acceptance of layout to its usability, usability. Try to test the site with lay people on the subject matter of the site, and with people who know what it is. You should also test if your site is functional.

You can use a checklist, for this I recommend the site: https://frontendchecklist.io/

This checklist deals with several topics such as: HTML, Webfonts, CSS, Javascript, accessibility, performance, SEO, etc … Worth checking out.

You can also test your site on the new google tool: https://testmysite.thinkwithgoogle.com/intl/en

LAUNCH

And the big day of website launch arrives! At this stage you already have a purchased domain and a hosting that supports all the requirements of your site.

It is worth remembering that before making the final release it is a good idea to put the website in a temporary link for the final review. And after reviewing put the website in the final link.

CONCLUSION

It is important that throughout the development process of the site the client knows in which step is his project. You can inform it by email. It is not appropriate to leave the client without any news about the progress of the project for a long time.

All stages of site development must be carefully worked out, so you avoid future problems and you will also have confidence that everything works as it should.

And do not forget, if you want to find jobs with your skills just register on our site, it’s free!

What is a task automator?

Task automaton or task executor is a build system. The role of the task automator is to help programmers perform repetitive tasks such as:

• Minification of scripts and styles;
• Concatenation;
• Cache busing;
• Testing, linting & optimization
• Dev Servers

GRUNT

Grunt is the best-known front-end automator, created in 2012 by Ben Alman. The central grunt file is Gruntfile.js that is created at the root of the project, it is where the tasks (tasks) to be executed in the project build are created. This file manages the various plugins and creates temporary files on the disk, until it generates the final file.

Strengths of Grunt

• Great Community
• It has many plugins

Grunt Weaknesses

• Too large configuration files
• Large number of parameters for each plugin
• Slow processing when using very large files

GULP

Gulp is a task automator released shortly after Grunt, was created in 2013 by Eric Schoffstall.

The information is passed through the tasks using the pipeline method, which reduces the number of I / O operations. That’s why Gulp is faster than Grunt, because it uses streams from nodejs to write files directly to disk. Like Grunt, Gulp uses the Gulpfile file, which bears a similarity to the common nodejs code.

Strengths of Gulp

• Best performance
• Small, easy-to-read configuration file
• Lesser learning line
• Avoid creating intermediate files
• Ease of use through top 5 API commands
• Simpler and smaller plugins

Here’s how to install gulp:

Want to know more? enter the Gulp website: https://gulpjs.com/

CONCLUSION

Myself until a while ago I did not use any task automator! But I really realized that to develop a project, be it a website or an application, it is necessary to have the thing organized and simplified all in one place, done in one way and with a few lines of command.

WordPress is a content management system for website and blog development! developed in PHP with MySQL database! And the best of it, is that it’s a totally free platform!

If you have a low budget to hire a professional to develop your site you can even do it! Just study a little!

WordPress is very easy to use! and there are numerous tutorials on youtube explaining how to install!

In this video explains how to install WordPress:

To create a portfolio or a blog and even a beautiful, wonderful website, there are numerous plugins that help you in this task.

THEMES AND PLUGINS

WordPress has several free themes that you can use on your site. There are themes from the most basic to the most beautified and complex!

In addition to the free themes you can also buy complete themes, the most well-known theme sales site is the themeforest. On this site you will find the most varied themes for the development of your site.

For developing websites with specific functions and needs the WordPress Plugins is the solution! Plugins are applications that complement and modify functionality in a site.
Example of Plugins:

• Turn Your Website Into Ecommerce: Selling Plugins, Example: Woocommerce
• Optimize Your WordPress Website: SEO Plugins, Example: YOAST SEO
• Develop a Landingpage: Page Builder plugins, example: Elementor
• Turn your site into a quiz: example: plugin Advisor Quiz

Anyway! you can create any kind of website with WordPress! but be aware that Plugins can be paid or free.

At the time of installing a plugin it is important that the plugin is compatible with the version of your WordPress, that it has already been tested in the version of WordPress in use and has been updated recently! Plugins with more than one year no update is a problem! can compromise the security of your site.

In this how to make a website site, you will have a complete and free steps on how to create a website on WordPress.

SECURITY

WordPress by itself if one of the best CMS in the world is also highly targeted by hackers, making it a constant target of cybercrime.

To avoid these risks there are several security measures to protect the privacy, integrity and availability of your administrator’s resources.

The most basic are:

• Keep WordPress and Plugins always up-to-date;
• Do not use the default admin login! change it to a different name;
• Do not use weak passwords, use the WordPress password generator;
• Limit the number of login attempts by installing the WP Login Lockdown plugin;
• Disable the “anyone can register” option, this option is located under Settings on the General tab;
• Back up your database frequently, you can do this through your hosting or through a plugin.

In order to further index the security of your site WordPress I recommend you know this matter: The Ultimate WordPress Security Guide – Step by Step (2018)

CONCLUSION

There are several reasons to develop your website in WordPress and the main ones are:

• Total control in content management;
• Responsive templates;
• It is easy to use, because it is very practical and intuitive;
• Applying the right security rules becomes a secure site;
• And through Plugins you can better work the SEO of the pages of your site, giving enough result in your digital marketing;
• In addition 27% of the entire internet works through WordPress technology, noting that WordPress has a very large active developer community compared to other CMSs on the market.