{"id":32295,"date":"2020-03-05T16:38:01","date_gmt":"2020-03-05T19:38:01","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=32295"},"modified":"2025-04-14T11:50:46","modified_gmt":"2025-04-14T14:50:46","slug":"7-passos-de-como-planejar-um-site-wordpress","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/7-passos-de-como-planejar-um-site-wordpress\/","title":{"rendered":"7 passos de como planejar um site WordPress"},"content":{"rendered":"<p>\t\t\t\t<img decoding=\"async\" class=\"alignnone wp-image-32299\" title=\"como planejar um site\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/programador1.jpg\" alt=\"como planejar um site\" width=\"700\" height=\"405\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/programador1.jpg 796w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/programador1-300x173.jpg 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/programador1-768x444.jpg 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">A maioria dos bons resultados de campanhas que envolvem o marketing digital, seja para venda de produtos ou institucional, est\u00e3o diretamente relacionadas com site. Por isso, entender como planejar um site da maneira correta \u00e9 t\u00e3o importante.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para que voc\u00ea consiga de fato obter resultados satisfat\u00f3rios com a Internet \u00e9 fundamental aprender como planejar um site com uma arquitetura funcional e que leve o usu\u00e1rio a realizar uma a\u00e7\u00e3o, como comprar um produto, preencher um cadastro ou baixar um aplicativo, por exemplo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Muitas institui\u00e7\u00f5es acabam negligenciando etapas muito valiosas na hora de planejar um site, sem saber que isso acaba prejudicando muito o resultado em vendas ou gera\u00e7\u00e3o de leads. Por isso, se voc\u00ea n\u00e3o sabe como planejar um site em WordPress, <\/span><b>continue lendo<\/b><span style=\"font-weight: 400;\">. Essa \u00e9 uma das etapas mais importantes, onde voc\u00ea deve investir um grande esfor\u00e7o para garantir o sucesso da sua estrat\u00e9gia de marketing digital.<\/span><\/p>\n<p><b>Leia tamb\u00e9m: <\/b><a href=\"https:\/\/www.yogh.com.br\/blog\/desenvolver-loja-virtual-checklist-para-comecar-o-seu-e-commerce\/\"><b>Desenvolver loja virtual: checklist para come\u00e7ar o seu e-commerce<\/b><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aprenda_agora_como_planejar_um_site_e_todas_as_etapas_que_envolvem_um_bom_desenvolvimento_de_um_projeto_de_sucesso\"><\/span>Aprenda agora como planejar um site e todas as etapas que envolvem um bom desenvolvimento de um projeto de sucesso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Um planejamento para desenvolver um site conta com etapas fundamentais e que nunca devem ser deixadas de lado. Cada uma delas leva um tempo espec\u00edfico para ser realizada, por isso, preste bastante aten\u00e7\u00e3o na complexidade do projeto na hora de pensar em prazos.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Como_planejar_um_site_%E2%80%93_Briefing\"><\/span>1 &#8211; Como planejar um site \u2013 Briefing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Briefing (em portugu\u00eas, resumo) \u00e9 um conjunto de informa\u00e7\u00f5es, uma coleta de dados para o desenvolvimento de um projeto. \u00c9 um documento contendo a descri\u00e7\u00e3o da situa\u00e7\u00e3o de uma marca ou empresa, seus problemas, oportunidades, objetivos e recursos para atingi-los. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">O briefing \u00e9 um processo utilizado na \u00e1rea administrativa, por profissionais da comunica\u00e7\u00e3o, rela\u00e7\u00f5es p\u00fablicas e publicit\u00e1rios. O briefing \u00e9 a base de um processo de um planejamento e claro, por isso \u00e9 t\u00e3o importante na hora de aprender a planejar um site. \u00c9 no briefing que tudo come\u00e7a!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No briefing, por exemplo, voc\u00ea vai precisar identificar qual o objetivo do site. Essa \u00e9 uma das fases mais importantes do processo de cria\u00e7\u00e3o do briefing. Voc\u00ea precisa compreender completamente qual o objetivo do seu cliente, seja criar um blog, um site para gera\u00e7\u00e3o de leads, um e-commerce, etc. Todos esses, ou qualquer outro objetivo, precisa ser muito bem definido para que o cliente fique satisfeito na hora da entrega do site.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Como_planejar_um_site_%E2%80%93_Planejamento\"><\/span>2 &#8211; Como planejar um site \u2013 Planejamento<img decoding=\"async\" class=\"alignnone wp-image-32301\" style=\"color: #222222; font-family: Verdana, Geneva, sans-serif; font-size: 15px;\" title=\"como planejar um site\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/business-computer-desk-guy-wallpaper-preview.jpg\" alt=\"como planejar um site\" width=\"700\" height=\"466\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/business-computer-desk-guy-wallpaper-preview.jpg 728w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/business-computer-desk-guy-wallpaper-preview-300x200.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Essa etapa \u00e9 uma das mais importantes de todo o desenvolvimento do seu site e ela s\u00f3 \u00e9 poss\u00edvel depois de uma an\u00e1lise completa do briefing. Nesse momento, \u00e9 importante decidir onde todas as informa\u00e7\u00f5es ser\u00e3o organizadas, n\u00fameros de p\u00e1ginas, layout, fun\u00e7\u00f5es que ser\u00e3o oferecidas para o usu\u00e1rio, tudo isso organizado em um sitemap. Com o escopo do projeto do site definido \u00e9 hora de elaborar um cronograma de entregas. Para isso, \u00e9 fundamental que o desenvolvedor seja realista quanto ao tempo de dedica\u00e7\u00e3o necess\u00e1rio para entregar a demanda e sua disponibilidade para trabalhar nela. Com esse panorama ficar\u00e1 mais f\u00e1cil precificar o projeto web e estabelecer as datas de entregas. Uma boa pr\u00e1tica \u00e9 apresentar ao cliente o andamento de cada uma das etapas, o que ajuda a identificar eventuais falhas de comunica\u00e7\u00e3o e corrigi-las ainda durante o desenvolvimento.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_%E2%80%93_Como_planejar_um_site_%E2%80%93_Wireframe\"><\/span>3 &#8211; Como planejar um site &#8211; Wireframe<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">O Wireframe \u00e9 fundamental na hora de aprender como planejar um site. Afinal, ele funciona como se fosse um rascunho do seu projeto web.<\/span> <span style=\"font-weight: 400;\">Esse rascunho ajuda designers, clientes e desenvolvedores a alinharem suas expectativas referente ao projeto.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ele estabelece a rela\u00e7\u00e3o entre o conte\u00fado, p\u00e1ginas, elementos e a funcionalidade de um prot\u00f3tipo e a sua principal caracter\u00edstica \u00e9 a capacidade de evidenciar o que funciona. Imagine que voc\u00ea deseja adquirir um im\u00f3vel, embora ele ainda n\u00e3o tenha sido constru\u00eddo. Para ter uma ideia de como ele ser\u00e1 edificado, o corretor tem duas op\u00e7\u00f5es: mostrar a voc\u00ea uma planta, com o desenho b\u00e1sico do im\u00f3vel ou levar voc\u00ea at\u00e9 uma constru\u00e7\u00e3o semelhante. A planta seria o Wireframe, enquanto a constru\u00e7\u00e3o se aproximaria mais de um mockup. Assim fica mais f\u00e1cil de entender a import\u00e2ncia desta etapa na cria\u00e7\u00e3o do seu site em WordPress certo?<\/span><\/p>\n<p><b>Leia tamb\u00e9m: <\/b><a href=\"https:\/\/www.yogh.com.br\/blog\/quanto-custa-um-site-em-wordpress\/\"><b>Quanto custa um site em WordPress? Descubra aqui<\/b><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_%E2%80%93_Como_planejar_um_site_%E2%80%93_Desenvolvimento_do_Layout\"><\/span>4 &#8211; Como planejar um site &#8211; Desenvolvimento do Layout<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-32300\" title=\"como planejar um site\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/1.jpg\" alt=\"como planejar um site\" width=\"700\" height=\"394\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/1.jpg 852w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/1-300x169.jpg 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/1-768x433.jpg 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Agora que voc\u00ea j\u00e1 criou o Wireframe, chegou a hora de pensar no layout. Usando o Wireframe e o template escolhido, o designer entra em a\u00e7\u00e3o criando um site personalizado, misturando uma tabela de cores, imagens e textos que sejam coerentes com a ess\u00eancia do cliente. \u00c9 importante usar como base de desenvolvimento do layout o manual de marca do cliente, com as cores e fontes j\u00e1 sugeridas. Nessa etapa o cliente ter\u00e1 uma vis\u00e3o de como as p\u00e1ginas do seu site ficar\u00e3o assim que estiver pronto.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_%E2%80%93_Como_planejar_um_site_%E2%80%93_Codificacao\"><\/span>5 &#8211; Como planejar um site &#8211; Codifica\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A etapa de programa\u00e7\u00e3o consiste em codificar as funcionalidades j\u00e1 definidas previamente, sempre se baseando no Wireframe e tamb\u00e9m no design do site. Programar consiste em transformar as imagens e layout criados pelo designer em c\u00f3digos interpret\u00e1veis pelos navegadores.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_%E2%80%93_Como_planejar_um_site_%E2%80%93_Publicacao_e_realizacao_de_testes\"><\/span>6 &#8211; Como planejar um site &#8211; Publica\u00e7\u00e3o e realiza\u00e7\u00e3o de testes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u00c9 nesta etapa que os c\u00f3digos entram em a\u00e7\u00e3o de fato, ou seja, s\u00e3o aplicados e criam a din\u00e2mica do projeto do seu site. S\u00e3o criados e incorporados sistemas e plugins necess\u00e1rios, al\u00e9m de todas as funcionalidades do site, montando a primeira vers\u00e3o oficial do seu projeto.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Depois disso, \u00e9 importante testar tudo o que foi feito e, atrav\u00e9s destes testes definir se o site est\u00e1 pronto ou n\u00e3o para a publica\u00e7\u00e3o.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_%E2%80%93_Como_planejar_um_site_%E2%80%93_Manutencao\"><\/span>7 &#8211; Como planejar um site &#8211; Manuten\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-32298\" title=\"como planejar um site\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/Redimensiona.jpg\" alt=\"como planejar um site\" width=\"700\" height=\"547\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/Redimensiona.jpg 768w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/12\/Redimensiona-300x234.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Agora que tudo est\u00e1 pronto, chegou o momento de se preocupar com a manuten\u00e7\u00e3o do seu projeto. Ap\u00f3s a publica\u00e7\u00e3o do site \u00e9 importante fazer a manuten\u00e7\u00e3o peri\u00f3dica do seu site, a fim de garantir que todos os recursos do mesmo estejam funcionando e tamb\u00e9m que os conte\u00fados e imagens sejam atualizadas. A Yogh conta com pacotes de manuten\u00e7\u00e3o e desenvolvimento de sites em WordPress que cabem dentro do seu projeto. <\/span><a href=\"https:\/\/www.yogh.com.br\/suporte-e-desenvolvimento-mensal-para-wordpress\"><span style=\"font-weight: 400;\">Entre em contato<\/span><\/a><span style=\"font-weight: 400;\"> e tenha a sua disposi\u00e7\u00e3o uma equipe especializada e pronta para resolver as suas quest\u00f5es sobre atualiza\u00e7\u00f5es e seguran\u00e7a.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gostou do nosso artigo e se sente preparado para come\u00e7ar a planejar um site em WordPress? Ent\u00e3o, compartilhe com seus amigos em suas redes sociais. <\/span><\/p>\n<p><b>At\u00e9 mais.<\/b>\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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/7-passos-de-como-planejar-um-site-wordpress\/#Aprenda_agora_como_planejar_um_site_e_todas_as_etapas_que_envolvem_um_bom_desenvolvimento_de_um_projeto_de_sucesso\" >Aprenda agora como planejar um site e todas as etapas que envolvem um bom desenvolvimento de um projeto de sucesso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/7-passos-de-como-planejar-um-site-wordpress\/#1_%E2%80%93_Como_planejar_um_site_%E2%80%93_Briefing\" >1 &#8211; Como planejar um site \u2013 Briefing<\/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\/7-passos-de-como-planejar-um-site-wordpress\/#2_%E2%80%93_Como_planejar_um_site_%E2%80%93_Planejamento\" >2 &#8211; Como planejar um site \u2013 Planejamento<\/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\/7-passos-de-como-planejar-um-site-wordpress\/#3_%E2%80%93_Como_planejar_um_site_%E2%80%93_Wireframe\" >3 &#8211; Como planejar um site &#8211; Wireframe<\/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\/7-passos-de-como-planejar-um-site-wordpress\/#4_%E2%80%93_Como_planejar_um_site_%E2%80%93_Desenvolvimento_do_Layout\" >4 &#8211; Como planejar um site &#8211; Desenvolvimento do Layout<\/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\/7-passos-de-como-planejar-um-site-wordpress\/#5_%E2%80%93_Como_planejar_um_site_%E2%80%93_Codificacao\" >5 &#8211; Como planejar um site &#8211; Codifica\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.yogh.com.br\/blog\/7-passos-de-como-planejar-um-site-wordpress\/#6_%E2%80%93_Como_planejar_um_site_%E2%80%93_Publicacao_e_realizacao_de_testes\" >6 &#8211; Como planejar um site &#8211; Publica\u00e7\u00e3o e realiza\u00e7\u00e3o de testes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.yogh.com.br\/blog\/7-passos-de-como-planejar-um-site-wordpress\/#7_%E2%80%93_Como_planejar_um_site_%E2%80%93_Manutencao\" >7 &#8211; Como planejar um site &#8211; Manuten\u00e7\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A maioria dos bons resultados de campanhas que envolvem o marketing digital, seja para venda de produtos ou institucional, est\u00e3o diretamente relacionadas com site. Por isso, entender como planejar um site da maneira correta \u00e9 t\u00e3o importante.\u00a0 Para que voc\u00ea consiga de fato obter resultados satisfat\u00f3rios com a Internet \u00e9 fundamental aprender como planejar um [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":32299,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[19],"tags":[],"class_list":["post-32295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas-wordpress"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32295","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=32295"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32295\/revisions"}],"predecessor-version":[{"id":38870,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32295\/revisions\/38870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/32299"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=32295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=32295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=32295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}