{"id":6157,"date":"2020-06-24T15:00:00","date_gmt":"2020-06-24T18:00:00","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=6157"},"modified":"2022-03-10T16:11:31","modified_gmt":"2022-03-10T19:11:31","slug":"processo-de-criacao-de-site","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/processo-de-criacao-de-site\/","title":{"rendered":"Como elaborar um processo de cria\u00e7\u00e3o de site sem deixar nenhum detalhe de fora"},"content":{"rendered":"\n<p>A maioria das pessoas n\u00e3o tem ideia de como acontecem os processos de cria\u00e7\u00e3o de um web <a href=\"https:\/\/blog.umbler.com\/br\/melhor-hospedagem-de-site\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">site<\/a> quando buscam por esse tipo de servi\u00e7o.&nbsp;<\/p>\n\n\n\n<p>\u00c9 muito importante que a ag\u00eancia, ou que voc\u00ea freelancer, redobre a aten\u00e7\u00e3o no <a href=\"https:\/\/blog.umbler.com\/br\/crm-whatsapp-vendas-atendimento\/\">atendimento<\/a> a seus clientes, explicando e entendendo suas necessidades, evitando frustra\u00e7\u00f5es no projeto e retrabalho.<\/p>\n\n\n\n<p>Para ajudar, montamos esse post com 6 etapas essenciais e que n\u00e3o podem ficar de fora do planejamento de cria\u00e7\u00e3o de site. Continue lendo e confira!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como planejar um processo de cria\u00e7\u00e3o de site?<\/h2>\n\n\n\n<p>Um site \u00e9 literalmente a cara da empresa na internet. Com isso em mente \u00e9 f\u00e1cil perceber a responsabilidade impl\u00edcita e quanta expectativa o seu cliente pode ter em rela\u00e7\u00e3o ao projeto, sendo necess\u00e1rio ter um plano e seguir um fluxo l\u00f3gico.&nbsp;<\/p>\n\n\n\n<p>Vejamos como isso ocorre:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Criar um briefing<\/h3>\n\n\n\n<p>Aqui \u00e9 o momento de alinhar as expectativas e objetivos do cliente para que o know-how da sua empresa seja utilizado de forma adequada.<\/p>\n\n\n\n<p>Informe-se junto ao cliente sobre qual \u00e9 seu p\u00fablico alvo, que tipo de atividades ser\u00e3o promovidas dentro do site, se dispositivos m\u00f3veis devem ter seu acesso otimizado, se existem sistemas a integrar e diversos outros fatores.<\/p>\n\n\n\n<p>Converse abertamente, mostre a realidade ao cliente para que ele n\u00e3o deseje abra\u00e7ar o mundo inteiro e se frustre com uma s\u00e9rie de expectativas nada realistas. Aproveite para mostrar ideias que tiveram sucesso ou n\u00e3o.<\/p>\n\n\n\n<p>Ap\u00f3s uma boa conversa e a consequente leitura do cliente, inicie a lista do briefing que deve incluir requisitos, p\u00fablico, tr\u00e1fego, volume de dados, ideias de design, se j\u00e1 h\u00e1 prefer\u00eancias de ferramentas, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Encontrar a hospedagem ideal<\/h3>\n\n\n\n<p>Ap\u00f3s o briefing, escolha uma hospedagem que simplifique a interface entre seu c\u00f3digo e o servidor de aplica\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>A hospedagem deve suportar desde ambientes simples, como um WordPress, at\u00e9 complexos ecossistemas <a href=\"https:\/\/www.opus-software.com.br\/node-js\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">NodeJs<\/a>, m\u00faltiplas bases de dados, entregas autom\u00e1ticas com versionamento e, claro, um monitoramento que entregue informa\u00e7\u00f5es de valor sobre a sa\u00fade do sistema.<\/p>\n\n\n\n<p>A escalabilidade tamb\u00e9m \u00e9 algo cr\u00edtico aqui, visto que seu cliente precisar\u00e1 de mais recursos computacionais a medida que o n\u00famero de acessos cresce, portanto, esse tipo de manuten\u00e7\u00e3o deve ser simples e intuitiva.<\/p>\n\n\n\n<p>A Umbler pode ajudar nesse sentido e contribuir ainda para que sua empresa economize, j\u00e1 que nossos pagamentos s\u00e3o feitos sempre sob demanda e n\u00e3o atrav\u00e9s de um plano fixo mensal.<\/p>\n\n\n\n<p>Al\u00e9m disso, nossa plataforma foi pensada para economizar o seu tempo, nada de passar horas configurando servidores. Foque no que realmente importa: seu cliente!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come\u00e7ar o processo de cria\u00e7\u00e3o<\/h3>\n\n\n\n<p>Com hospedagem, ferramentas e objetivos bem definidos e alinhados com o cliente, hora de p\u00f4r a m\u00e3o na massa.&nbsp;<\/p>\n\n\n\n<p>Nesse momento de cria\u00e7\u00e3o podem surgir v\u00e1rios outros questionamentos sobre funcionalidades e outros recursos que n\u00e3o foram percebidos no briefing.<\/p>\n\n\n\n<p>N\u00e3o hesite em discutir novos pontos e ajustar os planos junto ao cliente. Quanto mais cedo um problema \u00e9 detectado, mais f\u00e1cil ser\u00e1 corrigi-lo.<\/p>\n\n\n\n<p>Nesta etapa, cria-se os modelos de p\u00e1ginas principais, de conte\u00fados em texto, portf\u00f3lios de produtos, etc. Para cada modelo que ser\u00e1 exibido tamb\u00e9m dever\u00e1 ser constru\u00edda a p\u00e1gina onde o conte\u00fado \u00e9 cadastrado no site para que os visitantes acessem.<\/p>\n\n\n\n<p>A interface de gerenciamento do site oferece novos desafios ao desenvolvedor que precisa mant\u00ea-la simples ao mesmo tempo em que entrega uma s\u00e9rie de ferramentas que o cliente demanda para suas atividades.<\/p>\n\n\n\n<p>Bons exemplos disso s\u00e3o capacidades de inserir conte\u00fados de m\u00eddia, <a href=\"https:\/\/www.escolawp.com\/2015\/01\/plugins-gratuitos-arrasadores-integrar-redes-sociais\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">integrar redes sociais<\/a>, manipular imagens em meio a textos, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Criar conte\u00fado<\/h3>\n\n\n\n<p>Esse \u00e9 sem d\u00favida o atributo chave de um site, e por incr\u00edvel que pare\u00e7a, o que as ag\u00eancias mais esquecem de abordar durante uma negocia\u00e7\u00e3o.<\/p>\n\n\n\n<p>De nada adianta seu site ter o c\u00f3digo mais limpo, as estruturas de <a href=\"https:\/\/blog.umbler.com\/br\/por-que-sua-aplicacao-merece-um-deploy-automatizado\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">deploy automatizado<\/a> que a Nasa utiliza ou qualquer outra boa pr\u00e1tica se o conte\u00fado n\u00e3o agrega valor nem tem relev\u00e2ncia para o p\u00fablico alvo.&nbsp;<\/p>\n\n\n\n<p>Discuta com seu cliente a forma com que os materiais ser\u00e3o gerados e publicados no novo site. Se sua ag\u00eancia n\u00e3o tem estrutura para comportar este tipo de servi\u00e7o, construa parcerias com outras ag\u00eancias ou profissionais que atuam de forma multidisciplinar.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aprovar com o cliente<\/h3>\n\n\n\n<p>Ap\u00f3s tudo correr bem, chega a etapa final. Aqui voc\u00ea mostra o site como se fosse um usu\u00e1rio navegando e faz a demonstra\u00e7\u00e3o geral da administra\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>\u00c9 muito importante colher feedbacks do cliente para que os ajustes necess\u00e1rios sejam detectados.<\/p>\n\n\n\n<p>Caso seja preciso algum ajuste, fa\u00e7a-o e repita o processo at\u00e9 que voc\u00ea e o cliente estejam satisfeitos e seguros para o lan\u00e7amento.&nbsp;<\/p>\n\n\n\n<p>Se voc\u00ea se sente inseguro para essa parte, temos um post incr\u00edvel que mostra 6 dicas para apresentar seu site para os clientes, <a href=\"https:\/\/blog.umbler.com\/br\/apresentacao-de-site-para-seu-cliente\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">\u00e9 s\u00f3 clicar aqui<\/a>.<\/p>\n\n\n\n<p>Ah! E n\u00e3o se esque\u00e7a\u2026 Para n\u00e3o ter dores de cabe\u00e7a com a hospedagem, escolha a Umbler. <a href=\"https:\/\/umbler.com\/br\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\">Fa\u00e7a seu teste gratuito e sem compromisso<\/a>! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>A maioria das pessoas n\u00e3o tem ideia de como acontecem os processos de cria\u00e7\u00e3o de um web site quando buscam por esse tipo de servi\u00e7o.&nbsp; \u00c9 muito importante que a ag\u00eancia, ou que voc\u00ea freelancer, redobre a aten\u00e7\u00e3o no atendimento a seus clientes, explicando e entendendo suas necessidades, evitando frustra\u00e7\u00f5es no projeto e retrabalho. Para [&hellip;]<\/p>\n","protected":false},"author":73,"featured_media":6251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[509,23],"tags":[],"class_list":["post-6157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agencia-digital","category-dev"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/6157"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=6157"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/6157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/6251"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=6157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=6157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=6157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}