{"id":25332,"date":"2021-12-23T22:49:16","date_gmt":"2021-12-23T11:49:16","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=25332"},"modified":"2023-02-07T17:58:42","modified_gmt":"2023-02-07T06:58:42","slug":"modelos-de-planejamento-de-sites-guia-de-planejamento-de-site","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/","title":{"rendered":"Modelos de planejamento de sites | Guia de planejamento de site"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><span style=\"font-weight: 400;\">A maioria das pessoas assume que para construir um \u00f3timo site, sua prioridade deve estar nos aspectos t\u00e9cnicos ou em ser bom no design. No entanto, n\u00f3s discordamos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os grandes sites n\u00e3o s\u00e3o constru\u00eddos por capricho. Eles s\u00e3o planejados e depois constru\u00eddos (e frequentemente atualizados).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por isso, este guia ir\u00e1 ajud\u00e1-lo a configurar o seu novo website para o sucesso, dando-lhe um plano s\u00f3lido para come\u00e7ar. Voc\u00ea pode dar isso a um desenvolvedor\/ag\u00eancia externa ou us\u00e1-lo como refer\u00eancia interna se sua pr\u00f3pria equipe estiver trabalhando nisso. Independentemente de como voc\u00ea executar, o planejamento do<\/span><a href=\"https:\/\/creately.com\/diagram-type\/site-map\"> <span style=\"font-weight: 400;\">site<\/span><\/a><span style=\"font-weight: 400;\"> tornar\u00e1 tudo melhor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea quiser um documento para preencher e depois apresentar, temos arquivos Word e Google Docs que podem ser baixados e incluem \u00f3timos modelos do<\/span><a href=\"https:\/\/creately.com\/demo-start\"> <span style=\"font-weight: 400;\">Creately<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Obtenha aqui os modelos de planejamento de websites;<\/span><\/p>\n<p><a href=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/Website-Planning-Template-for-ABC.com_.docx\"><b>Baixe o modelo do documento Word<\/b><\/a><\/p>\n<div class=\"mceTemp\"><\/div>\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1OTFwkuMv4QvJaMXNTSP0xlVW6yqwV5YZmy1sQFxVSww\/copy?usp=sharing\"><b>Baixe o modelo do Google Docs<\/b><\/a><\/p>\n<h3><b>Fase 1: Planejamento Pr\u00e9-Site<\/b><\/h3>\n<h4><b>Determine os objetivos do seu site<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Um objetivo comercial claro \u00e9 o primeiro passo para a cria\u00e7\u00e3o de um website de sucesso.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quer seja para gerar mais leads ou vender o seu produto em mercados estrangeiros, uma vez que voc\u00ea sabe o que quer fazer com o seu site, todo o resto &#8211; desde o tipo de informa\u00e7\u00e3o que voc\u00ea deve adicionar no seu site at\u00e9 ao seu design &#8211; ser\u00e1 muito mais f\u00e1cil de decidir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Portanto, antes de mais nada, enumere os seus objetivos que se enquadram nas suas estrat\u00e9gias e capacidades de marketing em geral.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-15588 aligncenter\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-objectives.png\" alt=\"Objetivos do site\" width=\"455\" height=\"220\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-objectives.png 455w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-objectives-300x145.png 300w\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" \/><\/p>\n<h4><b>Analise os Websites dos seus principais concorrentes e as tend\u00eancias do mercado<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Uma vez lan\u00e7ado, o seu site n\u00e3o ser\u00e1 o \u00fanico por a\u00ed a vender ou promover o tipo de produto que voc\u00ea tem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 por isso que voc\u00ea precisa ver o que j\u00e1 est\u00e1 l\u00e1 fora e compar\u00e1-los com o que voc\u00ea tem em mente.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Veja tamb\u00e9m <\/span><b>os sites dos seus concorrentes e outros sites da ind\u00fastria<\/b><span style=\"font-weight: 400;\">. Eles n\u00e3o s\u00f3 o inspirar\u00e3o, mas tamb\u00e9m lhe dar\u00e3o uma ideia do que deve e n\u00e3o deve incluir no seu website.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Examine que tend\u00eancias est\u00e3o liderando o seu mercado no momento<\/b><span style=\"font-weight: 400;\">. Isto ir\u00e1 ajud\u00e1-lo a<\/span><a href=\"https:\/\/attrock.com\/blog\/how-to-start-your-website\/\"> <span style=\"font-weight: 400;\">criar um website<\/span><\/a><span style=\"font-weight: 400;\"> que seja relevante e \u00fatil para os seus potenciais clientes<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Use o seguinte mapa mental para organizar as informa\u00e7\u00f5es que voc\u00ea coleta nos sites dos seus principais concorrentes e tend\u00eancias de mercado. Compartilhe-o com a sua equipe e obtenha tamb\u00e9m as suas opini\u00f5es.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Trazer tudo isso para um \u00fanico mapa mental d\u00e1 a voc\u00ea a chance de identificar padr\u00f5es e entender o espa\u00e7o em um sentido diferente.<\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=jfaov2qc2\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15590 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Competitor-and-Market-Analysis-Mind-Map.png\" alt=\"Mapa Mental da Concorr\u00eancia e An\u00e1lise de Mercado\" width=\"1245\" height=\"700\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Competitor-and-Market-Analysis-Mind-Map.png 1245w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Competitor-and-Market-Analysis-Mind-Map-300x169.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Competitor-and-Market-Analysis-Mind-Map-1024x576.png 1024w\" sizes=\"auto, (max-width: 1245px) 100vw, 1245px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/jfaov2qc2\/Competitor+and+Market+Analysis+Mind+Map+\"><span style=\"font-weight: 400;\">Mapa Mental de An\u00e1lise de Mercado e Competi\u00e7\u00e3o<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<h3><b>Fase 2: Arquitetura da Informa\u00e7\u00e3o e Fluxos de Usu\u00e1rios<\/b><\/h3>\n<h4><b>Organize a Informa\u00e7\u00e3o com Arquitetura da Informa\u00e7\u00e3o<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Aqui \u00e9 onde voc\u00ea considera o que o usu\u00e1rio espera ver e o conte\u00fado que voc\u00ea quer que os usu\u00e1rios associem a cada se\u00e7\u00e3o do site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A arquitetura de informa\u00e7\u00e3o ajuda a determinar a usabilidade do design do seu site &#8211; ou seja, se faz sentido como a informa\u00e7\u00e3o no seu site \u00e9 exibida e acessada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Aprenda como criar corretamente uma arquitetura de informa\u00e7\u00e3o do seu site em seis etapas<\/span><a href=\"https:\/\/www.uxmatters.com\/mt\/archives\/2012\/08\/creating-a-web-site-information-architecture-in-six-steps.php\"> <span style=\"font-weight: 400;\">aqui<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h4><b>Defina a estrutura do seu site usando um sitemap<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Quais s\u00e3o as p\u00e1ginas que voc\u00ea precisa exibir em seu site para o usu\u00e1rio? E em que hierarquia quer que sejam colocadas?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 aqui que um<\/span><a href=\"https:\/\/creately.com\/diagram-type\/site-map\"> <span style=\"font-weight: 400;\">sitemap<\/span><\/a><span style=\"font-weight: 400;\"> vem a calhar. Vai ajud\u00e1-lo a decidir que p\u00e1ginas quer e em que ordem devem ser organizadas<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Isto pode funcionar como um ponto de refer\u00eancia que os seus designers e desenvolvedores podem usar para compreender as suas necessidades.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Use o seguinte<\/span><a href=\"https:\/\/creately.com\/diagram-community\/popular\/t\/site-map\"> <span style=\"font-weight: 400;\">modelo de sitemap<\/span><\/a><span style=\"font-weight: 400;\"> para come\u00e7ar a usar o seu.<\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=jfaqp9br1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15592 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Marketing-Web-Sitemap-Template.png\" alt=\" Modelo de mapa do site de marketing\" width=\"950\" height=\"720\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Marketing-Web-Sitemap-Template.png 950w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Marketing-Web-Sitemap-Template-300x227.png 300w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/jfaqp9br1\/Marketing+Web+Sitemap+Template\"><span style=\"font-weight: 400;\">Modelo de Sitemap de Marketing<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<h4><b>Identifique o Fluxo de Navega\u00e7\u00e3o do seu Visitante<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Aqui \u00e9 onde voc\u00ea escava os dados (que voc\u00ea encontrou ao criar a arquitetura de informa\u00e7\u00e3o do seu site) sobre o comportamento de busca de informa\u00e7\u00e3o do seu p\u00fablico e tenta descobrir um padr\u00e3o nele.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Usando um<\/span><a href=\"https:\/\/creately.com\/blog\/diagrams\/flowchart-guide-flowchart-tutorial\/\"> <span style=\"font-weight: 400;\">fluxograma<\/span><\/a><span style=\"font-weight: 400;\">, voc\u00ea pode mapear e identificar todas as p\u00e1ginas e pontos de contato com os quais seu visitante ideal interagiria ao navegar pelo seu site. O fluxo de usu\u00e1rios \u00e9 como voc\u00ea descobre o que precisa dar (na forma de frases, par\u00e1grafos ou imagens) ao seu visitante para evitar que ele saia do seu site.<\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=jfareluk1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15594 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Website-Navigation-Flow-Flowchart-.png\" alt=\" Fluxograma de Navega\u00e7\u00e3o do Site\" width=\"795\" height=\"570\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Website-Navigation-Flow-Flowchart-.png 795w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Website-Navigation-Flow-Flowchart--300x215.png 300w\" sizes=\"auto, (max-width: 795px) 100vw, 795px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/jfareluk1\/Website+Navigation+Flow+Flowchart+\"><span style=\"font-weight: 400;\">Fluxograma de Navega\u00e7\u00e3o do Website<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<h3><b>Fase 3: Layouts de design e infra-estrutura do site<\/b><\/h3>\n<h4><b>Identifique Cores, Elementos e Estilos-Chave com um Moodboard<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Um moodboard pode ajud\u00e1-lo a criar um visual de site que combine com a personalidade da sua marca, que inclui a voz e o estilo da sua marca.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um moodboard habitual do site deve cobrir<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">paleta de cores<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">estilo de fotografia ou ilustra\u00e7\u00e3o<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">fontes\/ tipografia<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">aproveitamento do espa\u00e7o<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">estilo de navega\u00e7\u00e3o<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=jfareluk2\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15595 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-Design-Mood-Board-Template-.png\" alt=\"Modelo do Quadro de Concep\u00e7\u00e3o do Website\" width=\"750\" height=\"755\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-Design-Mood-Board-Template-.png 750w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-Design-Mood-Board-Template--150x150.png 150w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-Design-Mood-Board-Template--298x300.png 298w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/Website-Design-Mood-Board-Template--80x80.png 80w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/jfareluk2\/Website+Design+Mood+Board+Template+\"><span style=\"font-weight: 400;\">Modelo de Moodboard de Website<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea est\u00e1 procurando por uma grande inspira\u00e7\u00e3o para o design do seu site, confira<\/span><a href=\"https:\/\/www.pages.xyz\"> <span style=\"font-weight: 400;\">www.pages.xyz<\/span><\/a><\/p>\n<h4><b>Organize elementos de p\u00e1gina com wireframes<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Os wireframes ajudam a definir a hierarquia do conte\u00fado no seu design. Ao referir-se \u00e0 arquitetura de informa\u00e7\u00e3o que voc\u00ea criou anteriormente, forme o layout das p\u00e1ginas do seu site com a ajuda de um wireframe.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tenha em mente como voc\u00ea quer que os visitantes do seu site processem informa\u00e7\u00f5es ao fazer isso.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 tamb\u00e9m o primeiro passo para descobrir como cada p\u00e1gina do seu site est\u00e1 ligada uma \u00e0 outra.<\/span><\/p>\n<p><span style=\"color: #3366ff;\"><i><span style=\"font-weight: 400;\">Dica: Comece com wireframes para telas menores e comece a subir. \u00c9 a \u00fanica maneira de criar um website com design \u00e1gil e sem complica\u00e7\u00f5es.<\/span><\/i><\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/demo-start?tempId=j6zys3c71\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-18094 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/Untitled-Document-2.png\" alt=\"Exemplo de uma estrutura de fios\" width=\"2472\" height=\"3231\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/Untitled-Document-2.png 2472w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/Untitled-Document-2-230x300.png 230w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/Untitled-Document-2-783x1024.png 783w\" sizes=\"auto, (max-width: 2472px) 100vw, 2472px\" \/><\/a> <span style=\"font-weight: 400;\">Clique no modelo para edit\u00e1-lo online<\/span><\/p>\n<h4><b>Finalize o Design com Maquetes UI<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">As maquetes de UI permitem que voc\u00ea identifique problemas com seu design final antes de lan\u00e7ar o site. Com ele, voc\u00ea pode dar corpo ao seu wireframe e visualizar o resultado final da tipografia, iconografia, temas de cores, layouts e navega\u00e7\u00e3o.<\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=ipt6bcpc1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15598 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Web-Store-Shopping-Cart-UI-Mockup-1.png\" alt=\" Web Store - Carrinho de Compras UI Mockup \" width=\"910\" height=\"736\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Web-Store-Shopping-Cart-UI-Mockup-1.png 910w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Web-Store-Shopping-Cart-UI-Mockup-1-300x243.png 300w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/ipt6bcpc1\/Web+Store+-+Shopping+Cart+UI+Mockup\"><span style=\"font-weight: 400;\">Web Store &#8211; Carrinho de Compras com Maquete UI<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<h3><b>Fase 4: Promo\u00e7\u00e3o e Marketing<\/b><\/h3>\n<h4><b>Fa\u00e7a um Brainstorm de ideias para promover o seu site<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Uma vez que o site \u00e9 lan\u00e7ado, voc\u00ea precisa atrair visitantes para ele. \u00c9 aqui que entra a promo\u00e7\u00e3o do site e envolve muitas tarefas como a otimiza\u00e7\u00e3o de motores de busca (SEO), marketing nas redes sociais, publicidade direcionada, etc.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Re\u00fana a sua equipe de marketing e fa\u00e7a um brainstorming sobre diferentes formas de comercializar e promover o seu novo website. Um mapa mental pode ajud\u00e1-lo a organizar todas as suas ideias e a elaborar uma estrat\u00e9gia de marketing adequada.<\/span><\/p>\n<p><a href=\"https:\/\/creately.com\/creately-start?tempID=jfaw7i0a1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15599 size-full\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Promotional-Campaign-Mind-Map.png\" alt=\"Campanha Promocional Mind Map\" width=\"1935\" height=\"1305\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Promotional-Campaign-Mind-Map.png 1935w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Promotional-Campaign-Mind-Map-300x202.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/New-Promotional-Campaign-Mind-Map-1024x691.png 1024w\" sizes=\"auto, (max-width: 1935px) 100vw, 1935px\" \/><\/a> <a href=\"https:\/\/creately.com\/diagram\/example\/jfaw7i0a1\/New+Promotional+Campaign+Mind+Map\"><span style=\"font-weight: 400;\">Mapa Mental com Campanha Promocional<\/span><\/a><span style=\"font-weight: 400;\"> (Clique na imagem para editar online)<\/span><\/p>\n<h2><b>Fluxograma de Desenvolvimento de Site<\/b><\/h2>\n<p><a href=\"https:\/\/creately.com\/diagram\/example\/hdbu6lnj1\/Website%20Development%20Flowchart\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22739\" src=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/2021-04-22-1.png\" alt=\"Fluxograma de Desenvolvimento do Site ( Fluxograma)\" width=\"937\" height=\"914\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/2021-04-22-1.png 937w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/05\/2021-04-22-1-300x293.png 300w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/a> Clique no modelo para editar o fluxograma online<\/p>\n<h3><b>Pronto para planejar seu site?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">N\u00f3s cobrimos o planejamento de um website em 8 passos f\u00e1ceis sob 4 etapas diferentes de planejamento de website. Use o nosso<\/span><a href=\"https:\/\/docs.google.com\/document\/d\/1OTFwkuMv4QvJaMXNTSP0xlVW6yqwV5YZmy1sQFxVSww\/edit?usp=sharing\"> <span style=\"font-weight: 400;\">modelo de planejamento do website<\/span><\/a><span style=\"font-weight: 400;\"> para come\u00e7ar imediatamente.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gostaria de acrescentar algo ao nosso guia de planejamento de websites? Informe-nos na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">E se voc\u00ea estiver pronto para a pr\u00f3xima etapa do seu plano de marketing, aqui est\u00e1 um guia \u00fatil para o<\/span><a href=\"https:\/\/creately.com\/blog\/diagrams\/how-to-plan-an-app-visually\/\"> <span style=\"font-weight: 400;\">planejamento de aplicativos m\u00f3veis<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quer aumentar o tr\u00e1fego no seu site? Aqui est\u00e3o<\/span><a href=\"https:\/\/www.getbeamer.com\/blog\/how-to-increase-website-traffic-7-easy-tips-to-try-now\/\"> <span style=\"font-weight: 400;\">7 passos f\u00e1ceis para aumentar o tr\u00e1fego no seu site<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A maioria das pessoas assume que para construir um \u00f3timo site, sua prioridade deve estar nos aspectos t\u00e9cnicos ou em ser bom no design. No entanto, n\u00f3s discordamos. Os grandes sites n\u00e3o s\u00e3o constru\u00eddos por capricho. Eles s\u00e3o planejados e&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":38,"featured_media":15608,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3274],"tags":[5860,5861,5859,5858,5863,5862],"class_list":["post-25332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagrama","tag-como-construir-um-site","tag-como-planejar-um-site","tag-desenvolvimento-de-sites","tag-design-do-site","tag-modelo-de-planejamento-de-site","tag-planejamento-do-site"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modelos de planejamento de sites | Guia de planejamento de site<\/title>\n<meta name=\"description\" content=\"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modelos de planejamento de sites | Guia de planejamento de site\" \/>\n<meta property=\"og:description\" content=\"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-23T11:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-07T06:58:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1541\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lalindri Amunugama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lalindri Amunugama\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\"},\"author\":{\"name\":\"Lalindri Amunugama\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26\"},\"headline\":\"Modelos de planejamento de sites | Guia de planejamento de site\",\"datePublished\":\"2021-12-23T11:49:16+00:00\",\"dateModified\":\"2023-02-07T06:58:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\"},\"wordCount\":1305,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png\",\"keywords\":[\"como construir um site\",\"como planejar um site\",\"desenvolvimento de sites\",\"design do site\",\"modelo de planejamento de site\",\"planejamento do site\"],\"articleSection\":[\"diagrama\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\",\"url\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\",\"name\":\"Modelos de planejamento de sites | Guia de planejamento de site\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png\",\"datePublished\":\"2021-12-23T11:49:16+00:00\",\"dateModified\":\"2023-02-07T06:58:42+00:00\",\"description\":\"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png\",\"width\":1541,\"height\":681,\"caption\":\"Guide to Planning a Website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modelos de planejamento de sites | Guia de planejamento de site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26\",\"name\":\"Lalindri Amunugama\",\"url\":\"https:\/\/creately.com\/blog\/author\/lalindri\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modelos de planejamento de sites | Guia de planejamento de site","description":"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/","og_locale":"en_US","og_type":"article","og_title":"Modelos de planejamento de sites | Guia de planejamento de site","og_description":"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.","og_url":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2021-12-23T11:49:16+00:00","article_modified_time":"2023-02-07T06:58:42+00:00","og_image":[{"width":1541,"height":681,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png","type":"image\/png"}],"author":"Lalindri Amunugama","twitter_misc":{"Written by":"Lalindri Amunugama","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/"},"author":{"name":"Lalindri Amunugama","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26"},"headline":"Modelos de planejamento de sites | Guia de planejamento de site","datePublished":"2021-12-23T11:49:16+00:00","dateModified":"2023-02-07T06:58:42+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/"},"wordCount":1305,"commentCount":0,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png","keywords":["como construir um site","como planejar um site","desenvolvimento de sites","design do site","modelo de planejamento de site","planejamento do site"],"articleSection":["diagrama"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/","url":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/","name":"Modelos de planejamento de sites | Guia de planejamento de site","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png","datePublished":"2021-12-23T11:49:16+00:00","dateModified":"2023-02-07T06:58:42+00:00","description":"Este guia de planejamento de site da Web o guiar\u00e1 pelas etapas que voc\u00ea precisa seguir para construir seu site de forma eficiente com modelos de planejamento de site.","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2018\/04\/The-No-Fuss-Guide-to-Planning-a-Website.png","width":1541,"height":681,"caption":"Guide to Planning a Website"},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/pt\/diagrama\/modelos-de-planejamento-de-sites-guia-de-planejamento-de-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Modelos de planejamento de sites | Guia de planejamento de site"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26","name":"Lalindri Amunugama","url":"https:\/\/creately.com\/blog\/author\/lalindri\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/25332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=25332"}],"version-history":[{"count":3,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/25332\/revisions"}],"predecessor-version":[{"id":26803,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/25332\/revisions\/26803"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/15608"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=25332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=25332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=25332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}