Como funciona um mapa organizacional da criação de sites?

Mapa organizacional da criação de sites: as 6 fases, responsáveis, entregas e pontos de aprovação As 6 fases — cada uma entrega algo e termina com a sua aprovação 1. BRIEFING objetivo · público concorrentes entrega: doc. de escopo ✓ você aprova 2. MAPA quais páginas como se ligam entrega: lista + menu ✓ você aprova 3. CONTEÚDO textos · imagens de cada página entrega: textos finais ✓ você aprova 4. LAYOUT wireframe → design entrega: páginas-modelo ✓ você aprova (2x) 5. DESENVOLV. código · CMS integrações entrega: site em homologação ✓ você aprova 6. TESTES + AR dispositivos · formulários velocidade · redirects entrega: site no ar + checklist ✓ você aprova A regra que o mapa protege: conteúdo (3) antes do layout (4) layout desenhado com texto de preenchimento quebra quando entra o texto real — títulos que não cabem, seções vazias, páginas que não existiam e a fase que mais atrasa é a 3 — porque depende de quem conhece a empresa: você
TL;DR — Resumo em 4 pontos:
  • Mapa organizacional é o plano do projeto do site: fases em ordem, responsável, entrega e ponto de aprovação de cada uma.
  • São 6 fases: briefing, mapa de páginas, conteúdo, layout, desenvolvimento, testes e publicação — cada uma fechada por uma aprovação sua.
  • A regra que ele protege: conteúdo antes do layout. Design feito com texto de preenchimento quebra com o texto real.
  • A fase que mais atrasa é o conteúdo — porque depende do cliente. O mapa deixa isso visível desde o primeiro dia.

O que é o mapa organizacional

O mapa organizacional da criação de um site é o documento que ordena o projeto antes de ele começar: quais fases existem, em que sequência, quem é responsável por cada uma, o que cada uma entrega e o que o cliente precisa aprovar para a próxima começar. É o cronograma e a planta da obra no mesmo papel. A versão antiga deste post listava cinco "fases" com uma frase cada e sem dizer o que cada uma produzia — o que é justamente a parte que importa: uma fase se define pela sua entrega, não pelo seu nome.

O que ele evita: o retrabalho

Todo projeto de site que atrasa, atrasa pelo mesmo motivo: alguma fase foi feita antes da que deveria vir antes dela. O layout foi desenhado sem conteúdo e quebrou quando o texto real chegou. O desenvolvimento começou com o design "quase aprovado" e refez três telas. Uma página surgiu no meio do projeto porque ninguém listou as páginas no começo. O mapa organizacional existe para tornar essas dependências visíveis: cada fase tem uma porta de saída (a aprovação) e a próxima só abre quando a anterior fechou. Não é burocracia — é o que faz um site de 8 semanas não virar um de 20.

As 6 fases: responsável, entrega e aprovação

FaseResponsávelEntregaVocê aprovaPrazo típico*
1. Briefing e análiseGestor do projeto + clienteDocumento de objetivos e escopoO escopo1 semana
2. Mapa de páginasEstrategista / gestorLista de páginas, hierarquia e menuA lista e o menu(na mesma semana)
3. ConteúdoRedator + clienteTextos e imagens finais de cada páginaOs textos finais1 a 3 semanas
4. LayoutDesignerWireframe, depois design das páginas-modeloWireframe; depois o design1 a 2 semanas
5. DesenvolvimentoDesenvolvedorSite funcional em ambiente de homologaçãoO site em homologação2 a 3 semanas
6. Testes e publicaçãoDesenvolvedor + SEO técnicoSite no ar, checklist de publicação cumpridoO checklist1 semana

*Site institucional de 8 a 15 páginas. Total de 6 a 10 semanas — e a variação vem quase sempre da fase 3.

Fase 1: briefing e análise

A fase que a versão antiga chamava de "análise do negócio" produz um documento com cinco respostas: o que o site precisa fazer (gerar contatos, vender, apresentar, recrutar); para quem (o público e o que ele procura); contra quem (três concorrentes e o que os sites deles fazem bem e mal); com o quê (marca, fotos, textos, sistemas existentes); e o que fica de fora. A última é a mais importante — escopo sem limite é a origem da página que aparece na semana 6.

Fase 2: mapa de páginas

Com o briefing aprovado, lista-se cada página que vai existir, em hierarquia: home, seções, páginas dentro das seções — e o menu que resulta disso. Para um site institucional de serviços: home; uma página por serviço; quem somos; portfólio ou cases; blog; contato; e as páginas legais. Cada página recebe um objetivo de uma linha e a busca que deve atender. Essa entrega é a que decide URLs, menu e links internos antes de qualquer pixel — a lógica de como organizar essa hierarquia para o usuário e para o Google está em a importância da arquitetura de informação. O mapa de páginas não é o sitemap.xml: este é um arquivo técnico gerado depois, para o buscador; aquele é uma decisão de projeto, para pessoas.

Fase 3: conteúdo — antes do layout

Aqui está a regra que o mapa organizacional mais protege e que mais projetos ignoram: o texto e as imagens de cada página vêm antes do desenho dela. O layout é o desenho do conteúdo, não o contrário. Um design feito com texto de preenchimento fica impecável na apresentação e quebra na semana seguinte: o título real tem o dobro do tamanho, uma seção não tem o que dizer, uma página precisa de uma tabela que o layout não previu. Também é a fase que mais atrasa — porque depende de quem conhece a empresa, e essa pessoa é o cliente. O mapa deixa isso claro desde o primeiro dia, com prazo e responsável, em vez de descobrir na semana 5.

Quer um projeto de site com fases, entregas e aprovações definidas antes de começar? A Agência Fort entrega o mapa organizacional na primeira semana — e segue ele até o site no ar. Falar com Especialista →

Fase 4: layout, do wireframe ao design

Duas entregas e duas aprovações. Primeiro o wireframe: o esqueleto em cinza, sem cor nem fonte, que mostra onde cada bloco de conteúdo fica e em que ordem. Aprovado o esqueleto, vem o design das páginas-modelo — home, uma página de serviço, uma interna, o blog — com marca, cores, tipografia e as imagens reais. Separar as duas aprovações evita a discussão mais improdutiva de um projeto: debater cor de botão quando o problema é a ordem das seções. As páginas restantes seguem os modelos, sem nova aprovação.

Fase 5: desenvolvimento

Com design aprovado, o desenvolvedor transforma as telas em site: código, CMS para que o cliente edite conteúdo depois, formulários, integrações (WhatsApp, e-mail, CRM, analytics) e a versão mobile de cada página. A entrega é o site funcionando em um ambiente de homologação — um endereço provisório onde tudo é testado antes do domínio real. Se o site vai ter blog, catálogo ou área de cliente, é aqui que a diferença entre um site estático e um site dinâmico se materializa.

Fase 6: testes e publicação

A fase que a versão antiga não tinha. Um checklist antes de apontar o domínio: cada página em celular, tablet e desktop; cada formulário enviando e chegando; velocidade medida; links quebrados; redirecionamentos do site antigo para o novo (o erro que mais derruba ranking em migração); título e descrição de cada página; SSL; Google Search Console e analytics instalados; sitemap.xml enviado. A entrega é o site no ar com o checklist cumprido — e o treinamento de quem vai editar o conteúdo, para que o site não envelheça como o post de manter o conteúdo atualizado explica.

"Um site não atrasa no desenvolvimento. Atrasa na fase que foi pulada — e cobra o atraso na fase seguinte."

Como ler e aprovar o mapa

  1. Confira se cada fase tem uma entrega concreta. "Fase de interface" sem entrega não é fase — é nome;
  2. Veja onde você aparece como responsável. Conteúdo e aprovações são suas; o prazo total depende delas;
  3. Nomeie uma única pessoa para aprovar. Aprovação dividida entre sócios é a causa número um de atraso;
  4. Aprove por escrito e não reabra. Voltar a uma fase fechada custa a fase inteira de novo;
  5. Pergunte o que fica de fora. Se o mapa não diz, vai aparecer no meio.

5 erros que o mapa não perdoa

  1. Layout antes do conteúdo — o mais comum e o mais caro;
  2. "Vamos começando o desenvolvimento enquanto o design fecha" — cada tela alterada é código refeito;
  3. Página nova na semana 6 — sinal de que o mapa de páginas não foi fechado;
  4. Publicar sem redirecionamentos — o site novo estreia perdendo o ranking do antigo;
  5. Entregar sem treinar — o cliente não edita, o site congela e envelhece.

Perguntas frequentes

O que é um mapa organizacional da criação de sites?

É o documento que organiza o projeto do site antes de ele começar: as fases em ordem, quem é responsável por cada uma, o que cada fase entrega e o que o cliente precisa aprovar antes de a próxima começar. Funciona como o cronograma e a planta da obra juntos — evita que o layout seja feito sem conteúdo, que o desenvolvimento comece sem layout aprovado e que a revisão vire retrabalho.

Quais são as fases da criação de um site?

Seis, em ordem: briefing e análise (objetivo, público, concorrentes, referências); mapa de páginas (quais páginas existem e como se ligam); conteúdo (textos e imagens de cada página); layout (wireframe e depois design); desenvolvimento (programação, CMS, integrações); e testes e publicação (revisão em dispositivos, velocidade, formulários, domínio, redirecionamentos, Search Console).

Por que o conteúdo vem antes do layout?

Porque o layout é o desenho do conteúdo, não o contrário. Um layout feito com texto de preenchimento fica bonito na apresentação e quebra quando entra o texto real: títulos maiores que o espaço, seções sem o que dizer, páginas que não existiam. Texto e imagens definidos primeiro fazem o designer desenhar para o que vai existir de fato.

O que o cliente precisa aprovar em cada fase?

No briefing, o documento de objetivos e escopo; no mapa de páginas, a lista de páginas e o menu; no conteúdo, os textos finais; no layout, primeiro o wireframe e depois o design das páginas-modelo; no desenvolvimento, o site em ambiente de homologação; nos testes, o checklist de publicação. Cada aprovação fecha a fase — voltar depois custa retrabalho.

Quanto tempo leva cada fase da criação de um site?

Para um site institucional de 8 a 15 páginas: briefing e mapa de páginas, 1 semana; conteúdo, 1 a 3 semanas — é a fase que mais atrasa, porque depende do cliente; layout, 1 a 2 semanas; desenvolvimento, 2 a 3 semanas; testes e publicação, 1 semana. O total fica entre 6 e 10 semanas, e a variação quase sempre vem do conteúdo.

Qual a diferença entre mapa organizacional e sitemap?

O mapa organizacional é o plano do projeto: fases, responsáveis, entregas e aprovações. O mapa de páginas (ou mapa do site) é uma das entregas desse plano: a lista de páginas e como se ligam. O sitemap.xml é um arquivo técnico gerado depois, que lista as URLs publicadas para o Google. São três coisas: o plano, o desenho da estrutura e o arquivo para o buscador.

O que acontece se pular uma fase?

A fase pulada volta como retrabalho na seguinte. Sem briefing, o layout é refeito porque não atendia ao objetivo. Sem mapa de páginas, páginas surgem no meio do desenvolvimento. Sem conteúdo antes do layout, o design quebra com o texto real. Sem homologação, os erros aparecem no ar. Cada fase existe para que a próxima não precise ser feita duas vezes.

Quem participa da criação de um site?

Do lado da agência: gestor do projeto, redator ou estrategista de conteúdo, designer, desenvolvedor e responsável por testes e SEO técnico — em equipes pequenas, uma pessoa acumula papéis. Do lado do cliente: um único responsável por decisões e aprovações, com acesso às informações da empresa. O ponto que mais atrasa projetos é aprovação dividida entre várias pessoas.

Quer um site com fases, entregas e prazos definidos antes do primeiro pixel?

A Agência Fort entrega o mapa organizacional na primeira semana e segue ele até o site no ar — conheça a criação de sites.

Começar Agora Falar com Especialista

Continue lendo sobre criação de sites

A importância da arquitetura de informação

O que é um site dinâmico

Por que manter o conteúdo atualizado

Fort Sites