{"id":7852,"date":"2012-09-12T09:04:30","date_gmt":"2012-09-12T12:04:30","guid":{"rendered":"https:\/\/www.yogh.com.br\/?p=7852"},"modified":"2025-04-14T11:52:54","modified_gmt":"2025-04-14T14:52:54","slug":"a-importancia-das-etapas-de-um-projeto-web","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/","title":{"rendered":"A import\u00e2ncia das etapas de um projeto web"},"content":{"rendered":"<p>\t\t\t\tQuando pensamos em <strong>contratar profissionais para\u00a0<a title=\"Desenvolvimento de Sites\" href=\"https:\/\/www.yogh.com.br\/servicos\/sites-em-wordpress\/\" target=\"_blank\" rel=\"noopener\">desenvolver um site<\/a><\/strong>, loja virtual, portal ou blog, n\u00e3o paramos para perceber que antes do site estar finalizado e publicado, ele passar\u00e1 por <strong>diversas etapas<\/strong>.<\/p>\n<p><strong>Voc\u00ea pode se perguntar:<\/strong><\/p>\n<p><em>Ser\u00e1 que essas etapas de projetos s\u00e3o realmente necess\u00e1rias? Ou elas n\u00e3o passam de uma enrola\u00e7\u00e3o da<\/em><em> empresa para ganhar mais tempo?<\/em> <em>A<\/em><em>\u00a0tarefa \u00e9 simples, apenas queremos um site ou uma p\u00e1gina que divulgue nosso servi\u00e7o ou nossas ideias na internet. Por que tantas etapas?<\/em><\/p>\n<p><strong>As etapas de um projeto n\u00e3o foram criadas por acaso.<\/strong><\/p>\n<p>Elas n\u00e3o servem para as empresas ganharem tempo. Elas existem para que o<strong> projeto seja finalizado com sucesso<\/strong>, contendo o m\u00ednimo de problemas poss\u00edveis e com uma alta satisfa\u00e7\u00e3o do cliente.<\/p>\n<p>As etapas de projeto podem variar de uma empresa para outra. Cada empresa ir\u00e1 definir qual \u00e9 a melhor forma para trabalhar e concluir o projeto solicitado.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7896\" title=\"Etapas de um projeto Web\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/ciclo.jpg\" alt=\"Etapas de um projeto Web\" width=\"600\" height=\"375\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/ciclo.jpg 600w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/ciclo-300x188.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etapas_de_um_Projeto_Web\"><\/span>Etapas de um Projeto Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vamos te mostrar as <strong>etapas de trabalho que temos aqui na Yogh<\/strong>.<\/p>\n<p>Elas ser\u00e3o descritas e explicadas para que voc\u00ea compreenda a import\u00e2ncia de cada uma delas em seu projeto. \u00c9 por meio deste processo que conseguimos chegar ao resultado esperado.<\/p>\n<p><em>Ent\u00e3o, vamos l\u00e1?<\/em><\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Planejamento_do_Projeto\"><\/span>1. Planejamento do Projeto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20009\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/notes-514998_640.jpg\" alt=\"notes-514998_640\" width=\"640\" height=\"419\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/notes-514998_640.jpg 640w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/notes-514998_640-300x196.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Ap\u00f3s o primeiro contato do cliente \u00e9 necess\u00e1rio que seja feito um <strong>planejamento<\/strong> para garantir que todas as informa\u00e7\u00f5es sejam organizadas de forma clara.<\/p>\n<p>Mediante estas informa\u00e7\u00f5es a<strong> proposta comercial<\/strong> \u00e9 efetuada. Na proposta constar\u00e1 tudo que ser\u00e1 criado e desenvolvido para o projeto web.<\/p>\n<p>Nesta etapa \u00e9 feito\u00a0<strong>um estudo dos concorrentes<\/strong> <strong>do cliente\u00a0<\/strong>para que a equipe possa\u00a0entender melhor em qual \u00e9 o mercado de atua\u00e7\u00e3o da empresa.<\/p>\n<p>Este estudo e planejamento ser\u00e1 alinhado com o cliente para verificar se a expectativa dele em rela\u00e7\u00e3o ao projeto est\u00e1 de acordo com a proposta.<\/p>\n<p>Com isto feito, passamos para a segunda etapa.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Design\"><\/span>2. Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00c9 necess\u00e1rio<strong> identificar qual \u00e9<\/strong>\u00a0(ou ser\u00e1 &#8211; caso a empresa n\u00e3o tiver uma marca)<strong>\u00a0a identidade visual do cliente<\/strong>, pois caso ele j\u00e1 possua uma marca ou logo \u00e9 necess\u00e1rio que o visual do site seja compat\u00edvel.<\/p>\n<p>Um exemplo \u00e9 a <a href=\"https:\/\/www.yogh.com.br\/portfolio\/a-craft\/\"><strong>loja virtual A.Craft<\/strong><\/a>. Foi projetada de acordo com a identidade visual da loja. Voc\u00ea pode perceber que existe toda uma compatibilidade de cores, estilos e organiza\u00e7\u00e3o.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20010\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/exemplo-de-site-acraft.jpg\" alt=\"exemplo-de-site-acraft\" width=\"1304\" height=\"968\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/exemplo-de-site-acraft.jpg 1304w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/exemplo-de-site-acraft-300x223.jpg 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/exemplo-de-site-acraft-1024x760.jpg 1024w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/exemplo-de-site-acraft-768x570.jpg 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" \/><\/p>\n<p>O\u00a0design vai muito mais al\u00e9m que o visual!<\/p>\n<p>\u00c9 necess\u00e1rio que seja feito um <strong>estudo do posicionamento dos elementos na tela<\/strong>. Com isto \u00e9 poss\u00edvel:<\/p>\n<ul>\n<li>Verificar quais itens devem estar mais destacados;<\/li>\n<li>Quais ser\u00e3o os bot\u00f5es de a\u00e7\u00f5es, entre outros detalhes que ir\u00e3o variar de neg\u00f3cio para neg\u00f3cio.<\/li>\n<\/ul>\n<p>Finalizada e aprovada a etapa de design, \u00e9 iniciada a terceira etapa &#8211; a <strong>implementa\u00e7\u00e3o.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Implementacao_do_site\"><\/span>3. Implementa\u00e7\u00e3o do site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>A implementa\u00e7\u00e3o do site\u00a0transforma em realidade tudo o que foi aprovado na etapa de design. <\/strong><\/p>\n<p>Nesta etapa \u00e9 necess\u00e1rio que o site <strong>seja vis\u00edvel de forma correta<\/strong> nos diversos navegadores, como: Internet Explorer, Firefox, Google Chrome e Safari.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20011\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/ok.gif\" alt=\"ok\" width=\"500\" height=\"207\" \/><\/p>\n<p>Al\u00e9m disso, o site tem que ser<strong> desenvolvido de acordo com as diretrizes dos buscadores<\/strong>, como o Google, para que apare\u00e7a nos mecanismos de busca.<\/p>\n<p>Finalizada a implementa\u00e7\u00e3o, chega a hora dos testes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Testes_do_Projeto\"><\/span>4. Testes do Projeto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nesta etapa o site \u00e9 testado e <strong>validado por diversos membros da equipe.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20012\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/teste.gif\" alt=\"teste\" width=\"265\" height=\"199\" \/><\/p>\n<p><strong>\u00c9 feita a valida\u00e7\u00e3o de todo o funcionamento do site<\/strong>. Ou seja: cada detalhe, cada p\u00e1gina, cada link, tudo que est\u00e1 dentro do site e tem rela\u00e7\u00e3o com ele, \u00e9 checado e verificado n\u00e3o s\u00f3 por uma pessoa, mas pela equipe inteira.<\/p>\n<p>Ap\u00f3s ser aprovado internamente, testamos o site juntamente com o cliente para que ele verifique se o resultado foi como o esperado.<\/p>\n<p><strong> Depois de testado e validado seu site ser\u00e1 entregue.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Finalizacao_e_Acompanhamento\"><\/span>5. Finaliza\u00e7\u00e3o e Acompanhamento<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Nesta etapa o principal objetivo \u00e9 garantir a satisfa\u00e7\u00e3o do cliente<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20013\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/office-1209640_640.jpg\" alt=\"office-1209640_640\" width=\"640\" height=\"426\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/office-1209640_640.jpg 640w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2012\/09\/office-1209640_640-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>O\u00a0cliente ir\u00e1 receber <strong>treinamento para que possa efetuar a administra\u00e7\u00e3o<\/strong> <strong>do site<\/strong>. Realizada esta etapa o projeto \u00e9 considerado como entregue.<\/p>\n<p>Mas ainda n\u00e3o acabamos!<\/p>\n<p>Para <strong>sua melhor satisfa\u00e7\u00e3o<\/strong>, <strong>iremos acompanh\u00e1-lo o tempo necess\u00e1rio, sugerindo novos recursos e novas funcionalidades para o projeto<\/strong>, buscando manter o mesmo sempre atualizado na Web.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Se os projetos n\u00e3o passassem por diversas etapas e essas etapas n\u00e3o passassem pela aprova\u00e7\u00e3o do cliente<\/strong>, a chance do projeto chegar ao fim\u00a0com um resultado inesperado \u00e9 muito grande.<\/p>\n<p>Ou seja: a frustra\u00e7\u00e3o pode ser grande.<\/p>\n<p><strong> Com este processo de trabalho vamos adequando suas necessidades a cada etapa do projeto.<\/strong>\u00a0<strong>Assim o resultado final ser\u00e1\u00a0satisfat\u00f3rio.<\/strong>\t\t<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#Etapas_de_um_Projeto_Web\" >Etapas de um Projeto Web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#1_Planejamento_do_Projeto\" >1. Planejamento do Projeto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#2_Design\" >2. Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#3_Implementacao_do_site\" >3. Implementa\u00e7\u00e3o do site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#4_Testes_do_Projeto\" >4. Testes do Projeto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#5_Finalizacao_e_Acompanhamento\" >5. Finaliza\u00e7\u00e3o e Acompanhamento<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.yogh.com.br\/blog\/a-importancia-das-etapas-de-um-projeto-web\/#Conclusao\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\t\t\t\tQuando pensamos em contratar profissionais para desenvolver um site, blog, ou qualquer outro servi\u00e7o de divulga\u00e7\u00e3o na internet, muitas vezes n\u00e3o pararmos pra pensar que antes do site estar finalizado, e publicado na internet, ele passar\u00e1 por diversas etapas. Mas qual \u00e9 a improt\u00e2ncia dessas estapas para a finaliza\u00e7\u00e3o do meu projeto?\t\t<\/p>\n","protected":false},"author":2,"featured_media":20035,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-7852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/7852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/comments?post=7852"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/7852\/revisions"}],"predecessor-version":[{"id":38968,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/7852\/revisions\/38968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/20035"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=7852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=7852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=7852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}