{"id":229654,"date":"2020-10-08T11:57:39","date_gmt":"2020-10-08T09:57:39","guid":{"rendered":"https:\/\/presentiadm.com\/?p=229654"},"modified":"2022-02-01T15:41:20","modified_gmt":"2022-02-01T14:41:20","slug":"how-to-create-a-good-website-and-not-die-in-the-attempt","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/en\/como-crear-una-buena-web-y-no-morir-en-el-intento\/","title":{"rendered":"How to make a good website and not die in the attempt"},"content":{"rendered":"

Whether you are thinking of creating a website on your own or considering contracting one, it might be useful to know some basic principles that you need to manage formerly <\/strong>to get down to work and the steps to follow in order to have a page with a minimum of quality.<\/p>\n\n\n\n

1 - Form and content<\/h2>\n\n\n\n

A website has two equally important dimensions: the form<\/strong> and the content. <\/strong>There is no point in giving more importance to one or the other. A site that is visually powerful but poorly written or lacking in substance will not convey professionalism. Likewise, a page written by a master of language but with an unattractive or overly complex design will not invite the user to stay connected. The first step in creating a good, quality website is to consider the importance<\/strong> of these two aspects.<\/p>\n\n\n\n

\n
\"\"
Form<\/figcaption><\/figure>\n\n\n\n
\"\"
Content<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

2 - Assembly is the ultimate<\/h2>\n\n\n\n

Plan. <\/strong>Never, never start building a website without a plan. This is the part that is often skipped by many people because it is considered a more \"boring\" phase and because of the impatience to start building the website directly. Perhaps it is also the most important part that makes the difference between a well thought out website and a makeshift one. Building on the fly, by sensations... is like starting a house without an architectural plan.<\/p>\n\n\n\n

\"Web<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

What should my plan contain?<\/h3>\n\n\n\n

The plan is to go ashore<\/strong> of what we have in our mind. It brings order to our ideas, it sheds light on what we are going to create and it will be transformed into a more coherent result. It will save us from wasting time on \"now I change this, now I change that\" and our work will be much more directed.<\/p>\n\n\n\n

A minimum plan to start shaping a website should contain the following information:<\/p>\n\n\n\n

Aim of the website<\/h4>\n\n\n\n

Imagine two websites of two shops. One of them aims to start selling products online. The other, which has not yet started selling online, wants to attract more visitors to the physical store. Although both have their product catalogue visible, the structure and messages that will be launched on the website will be completely different. Take some time to write down (and I mean write down) the objectives.\u00a0main<\/strong>\u00a0and\u00a0secondary<\/strong>\u00a0of your website.<\/p>\n\n\n\n

Target audience<\/h4>\n\n\n\n

Essential. If we do not know who we are writing for, we will not communicate effectively. It is not \"for everyone\". It is very difficult to maintain such a neutral register that is suitable for everyone (perhaps Amazon can). We will find differences for example in the\u00a0level of knowledge<\/strong>\u00a0of the user. A company that sells technological product X will have to analyse the extent to which its audience knows about the subject in order to avoid using terms that are neither too technical nor too childish. A good exercise is to make a sketch of the \"typical person\" who is your audience: how old is he\/she, where does he\/she live, what are his\/her concerns, how much does he\/she know about the subject, how much does he\/she know about it?<\/p>\n\n\n\n

Messages and architecture<\/h4>\n\n\n\n

Once the objectives and audience have been identified, we can delve into the key messages (what do we want to say to these people?) and translate them into a basic architecture (the pages you need for this). In this step you can already have a general outline of your website.<\/p>\n\n\n\n

Content development<\/h4>\n\n\n\n

The time has come to write. Write before setting up the website? Yes, of course this content can be\u00a0conditioned<\/strong>\u00a0by the\u00a0design<\/strong>\u00a0we do a posteriori but it should not be determined. Design cannot dictate what we write. It is necessary to start from a\u00a0gross content<\/strong>\u00a0and then\u00a0adapt it<\/strong>\u00a0to the design so that the two can mimic each other in a meaningful way.<\/p>\n\n\n\n

3 - Look at the competition<\/h2>\n\n\n\n

<\/p>\n\n\n\n

Many people are reluctant to look at the competition either because they do not want to \"copy\" or because they want to be 110% original. Well, if you skip this step, you are depriving yourself of a very valuable source of information for complement<\/strong> your criteria. It's not about copying, it's about enrich<\/strong> your vision of the sector in which you move. You will see things you like, things you don't like, websites I want to be like, websites I don't like... All this will give you ideas that you can put into practice (or not) and inspiration to start assembling.<\/p>\n\n\n\n

\"Spying<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

4 - Take care of colours and typography (or brand identity).<\/h2>\n\n\n\n

Make sure your brand identity is reflected throughout the website. If you don't have it yet, it's time to work on it. <\/p>\n\n\n\n

As far as the web is concerned, it is essential to define a colour palette <\/strong>and have them identified with their corresponding code. Of course, choose them according to your audience and your sector (no more than two or three).<\/strong><\/p>\n\n\n\n

Nowadays there are many online tools that help us to choose colours that make sense without having to be expert designers:<\/p>\n\n\n\n

\n
Colorhunt<\/a><\/div>\n\n\n\n
Paletton<\/a><\/div>\n\n\n\n
DesignSeeds<\/a><\/div>\n<\/div>\n\n\n\n

With regard to typefaces, it is advisable to do not mix more than two.<\/strong><\/p>\n\n\n\n

PS: Brand identity or branding is a whole world and that is precisely why there are professionals who dedicate themselves exclusively to it, but this would be enough for a whole other post.<\/p>\n\n\n\n

5 - Start the assembly<\/h2>\n\n\n\n

And finally, after completing the previous steps, we have the basic ingredients to start cooking. Content managers such as WordPress <\/a>and Prestashop <\/a>give us an affordable and intuitive technology to start reflecting on the screen what we have conceived on paper. <\/p>\n\n\n\n

Do you want to leave it in the hands of professionals?<\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Whether you are thinking of creating a website on your own or considering contracting one, it might be useful to know some basic principles that you should handle before getting down to work.<\/p>","protected":false},"author":1,"featured_media":230330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"\n

Tanto si est\u00e1s pensando en crear una web por tu cuenta como si consideras contratarla, quiz\u00e1 te venga bien conocer unos principios b\u00e1sicos que debes manejar antes <\/strong>de ponerte manos a la obra y los pasos a seguir para tener una p\u00e1gina con un m\u00ednimo de calidad.<\/p>\n\n\n\n

<\/p>\n\n\n\n

1 - Forma y contenido<\/h2>\n\n\n\n

Una web tiene dos dimensiones igualmente importantes: la forma<\/strong> y el contenido. <\/strong>No tiene sentido darle m\u00e1s importancia a una o a la otra. Un sitio visualmente muy potente pero con una redacci\u00f3n mala o sin esencia no transmitir\u00e1 profesionalidad. Asimismo, una p\u00e1gina escrita por un maestro del lenguaje pero con un dise\u00f1o poco atractivo o demasiado complejo, tampoco invitar\u00e1 al usuario a seguir conectado. El primer paso para crear una buena web de calidad es tener en cuenta la importancia<\/strong> de estos dos aspectos.<\/p>\n\n\n\n