Mapa do site, roteiro narrativo de cada página
e briefing de cada seção, prontos para virar layout
Quais páginas o site tem, em que ordem cada uma conta a sua história e o que cada seção precisa fazer no visitante. O texto definitivo vem na Etapa 3, a partir do briefing que está aqui.
O Sinapro-ES precisa de um site institucional multi-página com comportamento de portal, não de uma página única. A razão não é tamanho, é público: quem chega para decidir a filiação e quem chega para acompanhar o mercado vêm com estados mentais opostos, e uma página só atende mal os dois.
A leitura que orienta esta etapa é que o site não é uma vitrine institucional com notícias no rodapé. É um portal do mercado publicitário capixaba que também apresenta a entidade. A inversão muda três coisas: o conteúdo recente ocupa posição alta na home, a área editorial ganha nome próprio, e a estrutura já nasce preparada para receber texto assinado por profissionais das associadas.
Home, Associe-se, Institucional e Festival Colibri. Aqui o visitante ainda decide. O texto conduz, a prova reduz risco e cada seção prepara a próxima. Ordem importa.
Radar e Associadas. Aqui o visitante volta. O que vale é frequência, data visível, busca e filtro. Ordem importa menos do que encontrar.
Cada página tem um convite dominante. Convites concorrentes na mesma tela atrasam a decisão, como descreve a Lei de Hick.
Duas seções que ocupam o mesmo momento da leitura viram uma. Menos pausas, leitura mais fluida.
Chegar ao contato precisa custar menos esforço do que continuar em dúvida. Cada passo a mais é uma chance de desistir.
Seção de conteúdo recorrente só entra com responsável e frequência definidos. Foi o excesso de estrutura sem operação que esvaziou o site atual.
O dono de agência lê no celular, entre uma reunião e outra. A associada que precisa da convenção coletiva costuma abrir o site no meio de uma conversa de WhatsApp. A estrutura foi pensada primeiro para a tela pequena: menu curto, busca de associadas com filtro que cabe no polegar e documento que baixa em um toque.
| Item | Motivo |
|---|---|
| Mural de vagas | A estrutura já existe no site atual e está vazia. Manter um painel exige curadoria constante, e o custo recai sobre a equipe, não sobre o site. Vaga vencida no ar prova para a associada que o canal não é mantido |
| Banco de currículos | Guardar dado pessoal de candidato cria obrigação de proteção de dados sem retorno proporcional para a entidade |
| Página de Links | Herança de uma internet anterior. O que ela resolve hoje cabe no rodapé |
| Área restrita | Login sem promessa clara de valor não é usado. Sem área restrita, tudo que o site publica é público, e some junto a manutenção de senha e de cadastro |
| Comunicação de licitações | Assunto operacional e sensível. Segue pelo canal direto com cada agência, que é onde já funciona |
| Página de Documentos | Estatuto, Convenção Coletiva e Lista Referencial passam a viver dentro de Institucional, com destaque próprio e acesso direto pelo rodapé e pela home |
| Página de Parceiros | As entidades do setor viram um bloco em Institucional e links no rodapé. Patrocínio do Festival Colibri é assunto da campanha do festival, que tem página própria a cada edição |
| Página de Obrigado | A confirmação acontece na própria página Associe-se, sem trocar de endereço. Ver a nota técnica no capítulo 5 |
| Depoimentos de associadas | A prova social do site vem de três fontes mais fortes: número de entrega, vitrine de associadas e trabalho premiado no Colibri |
O conteúdo do novo site será mantido pela própria equipe do Sinapro-ES. Isso não é um detalhe operacional, é um parâmetro de projeto: a arquitetura foi dimensionada para o que uma equipe pequena consegue sustentar sem depender de terceiros.
Cada bloco de conteúdo da home tem uma janela de frescor. Se o item mais recente ultrapassar essa janela, o bloco não exibe conteúdo antigo: ele desaparece da home. É melhor a home ficar mais curta do que anunciar que a última publicação é de meses atrás.
Cinco destinos no menu, duas páginas de documento fora dele e uma página interna que se repete por agência. Nenhuma área com login.
Cinco destinos e um botão de ação. O botão fica visualmente separado dos links, porque ele não é um lugar para onde ir, é uma coisa para fazer. Sem menu suspenso: cada item leva a uma página inteira, e as subdivisões acontecem dentro dela, com âncoras. Menu suspenso obriga a escolher duas vezes e funciona mal no celular, que é onde este público lê.
O mapa enviado pelo cliente trazia Notícias, Cursos, Vagas do mercado, Eventos, Blog e Colunistas como itens separados. São seis destinos disputando o mesmo tipo de conteúdo e a mesma pessoa que publica. Reunidos, viram um destino só, mais fácil de manter e mais fácil de achar.
O nome importa. "Notícias" promete comunicado institucional. Radar promete leitura de mercado, que é o que a entidade já faz nas redes sociais e o que interessa a quem trabalha em agência. E é um nome que sustenta o passo seguinte, quando profissionais das associadas passarem a assinar colunas ali.
| Coluna | Conteúdo |
|---|---|
| Identidade | Marca, a linha "Sistema Nacional das Agências de Propaganda no Espírito Santo", endereço da sede em Vitória - ES e telefone |
| Navegar | Os cinco itens do menu, mais Seja um associado |
| Para a associada | Convenção Coletiva, Lista Referencial de Preços, Estatuto e Contato direto. As duas primeiras têm página própria, o estatuto abre na âncora do Institucional |
| O setor | Fenapro, Cenp, Abap, Sindipropag-ES e as redes sociais do Sinapro-ES |
A Convenção Coletiva e a Lista Referencial são as duas tarefas que mais levam alguém ao site de um sindicato patronal. Cada uma ganhou página própria, com endereço legível, histórico e explicação de uso. Elas ficam fora do menu principal para não inflar a navegação, e são alcançadas por dois caminhos permanentes: a coluna do rodapé, presente em todas as páginas, e o bloco do Institucional. Página própria ainda resolve busca orgânica, porque quem procura convenção coletiva de publicidade no Espírito Santo procura pelo nome do documento.
A maior parte do tráfego não entra pela home. Entra por busca, direto em uma publicação do Radar ou na Convenção Coletiva, e por link compartilhado no WhatsApp entre as agências. Duas consequências para a estrutura.
Toda página precisa se explicar sozinha. Quem cai na Lista Referencial vindo da busca não sabe o que é o Sinapro-ES, e por isso todas as páginas fecham com um bloco curto que apresenta a entidade e leva para a filiação.
Os links que saem do site ficam concentrados em quatro lugares: a inscrição do Festival Colibri, o site de cada associada na página dela, as entidades do setor no rodapé e as fontes citadas nas publicações do Radar. Fora desses, o site não empurra ninguém para fora.
O site atual usa parâmetro de seção no endereço, o que prejudica busca, compartilhamento e leitura por assistentes de inteligência artificial. O novo usa endereço com palavra, do tipo sinapro-es.org.br/associadas, que é o que se cola em uma conversa sem parecer link estranho.
A mesma estrutura precisa servir a quatro visitantes com objetivos diferentes. Este quadro é o teste da arquitetura: se alguma jornada exige um desvio, a estrutura está errada.
| Quem | Chega procurando | Caminho no site |
|---|---|---|
| Agência não associada | Entender se vale a pena | Home, com o mercado em movimento logo na abertura, depois o que o Sistema entrega, depois a prova nas associadas e no Colibri, e o convite. Ou direto para Associe-se, quando vem de indicação |
| Agência associada | Um documento ou uma data | Rodapé ou busca, direto para a Convenção Coletiva e a Lista Referencial dentro de Institucional. Radar, quando procura a agenda |
| Anunciante e comprador público | Uma agência do Espírito Santo | Associadas, com filtro por serviço e cidade, e a página da agência com contato direto. Sai do site pelo endereço da agência escolhida |
| Imprensa e estudante | Pauta, porta-voz ou o Colibri | Radar e Festival Colibri, com Institucional como apoio. Não disputa espaço com a jornada de filiação |
A filiação é a única jornada com etapas encadeadas. Ela atravessa duas páginas e termina na mesma em que começou.
Na home, a agência encontra o mercado em movimento e percebe que ali se acompanha o que interessa ao negócio dela.
Ainda na home, o que o Sistema faz aparece como resultado concreto, não como lista de atribuições estatutárias.
As associadas e o Festival Colibri mostram quem já está dentro e o que esse grupo produz. É aqui que a decisão deixa de ser só financeira.
Em Associe-se, a agência confere se pode entrar, quanto custa, o que recebe e em quanto tempo. E inicia no próprio site.
Na mesma página, o formulário dá lugar à confirmação: o que acontece agora, com quem e em quanto tempo.
A home segue a estrutura narrativa do StoryBrand, de Donald Miller: a agência capixaba é a protagonista da história e o Sinapro-ES é o guia que abre caminho. A entidade não ocupa o palco, ela sustenta quem está nele.
Colocar o Radar na segunda posição resolve dois problemas ao mesmo tempo. Dá movimento à home, que passa a mudar sozinha conforme a equipe publica. E prova, na primeira rolagem, aquilo que o site atual não consegue provar: que a entidade está ativa.
Há um efeito narrativo junto. O Radar é a leitura do mercado, e é lendo o que está acontecendo que a agência reconhece a própria situação. A dor não precisa ser declarada em uma seção, ela aparece nas pautas. Isso substitui, com vantagem, uma seção institucional falando sobre a dificuldade do setor.
O reposicionamento e as frentes de atuação vieram para a mesma seção. São o mesmo movimento: a entidade mudou de nome porque mudou de atitude, e a prova disso é o que ela entrega. Separar em duas criaria uma pausa artificial no meio do argumento mais importante do site.
Não existe seção separada de história nem de diretoria na home. Elas moram no Institucional, e quem quer conhecer quem está por trás vai até lá.
Por decisão de escopo, a home não traz faixa de Convenção Coletiva e Lista Referencial. Ela fica inteira dedicada a quem ainda decide. O acesso aos documentos passa a depender de dois caminhos: a coluna fixa do rodapé, presente em todas as páginas, e o bloco do Institucional. Vale acompanhar depois do lançamento se a associada chega neles com facilidade.
É a página mais importante do site. Ela existe para responder a uma pergunta específica: vale a pena pagar por isso todo mês? A pesquisa mostrou que essa objeção é econômica, e a página é construída para respondê-la com conta, não com adjetivo.
O que muda na vida da agência ao fazer parte. Uma frase, não um parágrafo institucional.
A regra de elegibilidade logo no começo, antes de pedir qualquer dado. Qualifica e evita frustração.
Os benefícios agrupados por tipo de valor: segurança jurídica, mercado, capacitação e reconhecimento.
A tabela por porte, aberta. Transparência de preço é vantagem real: só um dos pares analisados faz o mesmo.
Três passos com prazo declarado, do envio à aprovação. Reduz a sensação de processo burocrático.
Formulário curto que inicia pelo CNPJ e preenche o que der para preencher sozinho. A confirmação acontece aqui mesmo.
As perguntas frequentes de filiação ficam na própria página, logo abaixo do formulário, e não em uma página separada. A dúvida precisa ser respondida onde ela nasce. Levar o visitante para outra página no momento da decisão é o caminho mais rápido para perdê-lo.
Só empresa com atividade principal de agência de publicidade pode se associar. Dizer isso na segunda seção qualifica quem lê e economiza o tempo de quem não se enquadra. A melhor referência de fora do setor faz exatamente isso, com dois requisitos declarados antes de qualquer formulário.
Uma das referências analisadas informa que o processo leva, em média, cinco dias úteis. Declarar o prazo reduz a ansiedade e cria um compromisso verificável. Sem prazo declarado, o silêncio depois do envio vira dúvida sobre a entidade.
Esta é a área que muda a natureza da filiação. Enquanto a lista for uma parede de marcas, ela serve para a associada ver a própria marca. Com filtro e página por agência, ela passa a servir a quem procura uma agência, e a filiação vira canal de demanda em vez de custo de representação.
| Elemento | Definição |
|---|---|
| Filtro por serviço | Lista fechada, definida com a diretoria. Sugestão inicial: branding, campanha, mídia, digital e performance, audiovisual, design, conteúdo, eventos e ativação, comunicação institucional |
| Filtro por cidade | Cidades do Espírito Santo onde há associada, no formato Cidade - UF |
| Filtro por porte | As mesmas faixas usadas na contribuição, o que evita criar uma segunda classificação para manter |
| Cartão de resultado | Marca, nome, uma linha de descrição escrita pela própria agência, cidade e etiquetas de serviço. O cartão inteiro é o link para a página da agência |
| Ordenação | Alfabética por padrão, sem destaque pago e sem ordenar por porte. Todas no mesmo peso |
Cada associada tem uma página própria, com endereço legível, o que permite que ela compartilhe o link como comprovação de que é filiada. É uma página interna do site, gerada a partir do mesmo cadastro que alimenta a busca, e não uma página construída manualmente.
A equipe do Sinapro-ES alimenta a partir de um formulário simples, enviado a cada associada uma vez por ano e na entrada de cada nova filiada. A situação de regularidade acompanha o mesmo ritmo do controle financeiro que já existe, sem criar um segundo controle para manter.
Cada edição do festival tem a sua própria página de campanha, com tema, inscrição e patrocínio. O que o site do Sinapro-ES abriga é o que sobrevive à edição: o acervo do trabalho premiado, a história e a relação com o prêmio nacional.
As peças vencedoras por edição, com agência, categoria e ano. É o conteúdo visual mais forte do site inteiro e o que sustenta a referência citada no briefing.
História desde a primeira edição, marcos, categorias e como funciona o júri. Responde a quem nunca participou.
A relação com o Festival Nacional da Propaganda, do qual o Colibri é qualificatório. É prova de relevância que hoje não aparece em lugar nenhum do site.
Quando houver edição aberta, um bloco no topo da área anuncia data e status, e leva para a página própria daquela edição. É o único ponto do site que empurra o visitante para fora, e ele só existe enquanto a campanha estiver no ar. Encerrada a edição, o bloco some e as peças premiadas entram no acervo.
Essa divisão resolve um problema real. A página de campanha nasce e morre com a edição, com tema e identidade próprios. O acervo é permanente e cresce todo ano. Misturar os dois faz o site parecer desatualizado assim que a edição termina, que é exatamente o que acontece hoje.
Uma área única, com três tipos que convivem na mesma listagem e se separam por filtro. Cada item tem data visível e, quando for coluna, assinatura com nome e agência.
| Tipo | O que é | Frequência mínima |
|---|---|---|
| Notícia | O que a entidade e o mercado capixaba fizeram | Duas por mês. Abaixo disso, o bloco some da home |
| Coluna | Texto assinado por profissional de agência associada | Uma por mês, em rodízio entre as associadas |
| Agenda | Evento, capacitação ou prazo com data e local | Publicada quando existir. Item vencido sai da listagem automaticamente |
A página tem uma coluna lateral fixa com os colunistas, cada um com retrato, cargo e agência, mais o convite para propor coluna. Dar rosto a quem escreve é o que transforma a área em portal e prepara o site para receber texto das associadas sem refazer a arquitetura depois.
Colunas em rodízio resolvem dois problemas de uma vez. Prestigiam a associada com espaço editorial assinado, o que responde à objeção de quem não vê retorno na filiação. E distribuem o esforço de produção, em vez de concentrar em poucos nomes que cansam.
Página institucional em seis blocos, na ordem: por que a entidade existe, a história desde a associação de 1987 até a virada para Sistema Nacional, o que ela faz hoje em cada frente, quem faz acontecer com a diretoria em rostos e agências, os documentos, e as entidades do setor.
| Bloco de documentos | Conteúdo |
|---|---|
| Convenção Coletiva | A vigente em destaque, com período. Termos aditivos e edições anteriores recolhidos no histórico |
| Lista Referencial de Preços | A vigente, com validade declarada. Fica pública: ela já circula em portal de prefeitura, e publicá-la torna o Sinapro-ES a fonte oficial e atualizada, em vez de deixar versão antiga circulando |
| Estatuto e normas | Estatuto vigente e as normas da atividade publicitária |
O bloco tem endereço próprio por âncora, para que o rodapé, a home e a busca do site levem direto até ele. É o que compensa a ausência de uma página de Documentos no menu.
As entidades do setor fecham a página: Fenapro, Cenp, Abap e Sindipropag-ES, com uma linha explicando a relação de cada uma. Não é vitrine de patrocínio, é contexto institucional, e serve a quem precisa entender onde o Sinapro-ES se encaixa.
Antes de fechar a arquitetura, as principais teses do projeto foram submetidas a uma revisão independente, conduzida por um modelo de linguagem com acesso à web e instruído a atacar cada uma delas. O objetivo não é confirmar o que já pensamos, é descobrir onde a decisão quebra.
| Tese | Resultado | O que mudou |
|---|---|---|
| A filiação virou compra e o site precisa funcionar como página de venda | Ajustada | A premissa se sustenta, mas a revisão apontou que boa parte do que o sindicato entrega é bem coletivo: a convenção coletiva vale para todas as agências da base, associadas ou não. A página de filiação passa a destacar o que é exclusivo de quem paga, e não o que a agência receberia de qualquer forma |
| Publicar números de entrega responde à objeção de retorno | Ajustada | A revisão observou que parte do valor de uma entidade é o problema que não aconteceu, e isso não cabe em número. Cada indicador passa a vir com uma linha do que ele evitou, não só do que ele produziu |
| Preço aberto na página de filiação | Confirmada | A objeção levantada foi que contribuição sindical costuma variar demais para caber em tabela. Não é o caso aqui: a tabela do Sinapro-ES tem seis faixas por número de pessoas e já é pública. A decisão se mantém |
| Diretório com busca vira canal de demanda | Confirmada | Nenhuma objeção relevante. A revisão reforçou a emissão de comprovação de regularidade como benefício concreto para concorrência pública |
| Levar os documentos para dentro do institucional | Ajustada | A objeção mais forte de todas: área institucional é de baixa interação, e enterrar ali a convenção coletiva e a lista referencial quebra a tarefa principal do associado. Mantida a decisão, com três atalhos permanentes que a compensam: coluna fixa no rodapé, faixa de serviço na home e âncora com endereço próprio |
| Remover a área com login | Confirmada | A objeção foi que a exclusividade sustenta a filiação. Ela não se aplica: o que é exclusivo no Sinapro-ES são serviços, como assessoria jurídica, direito a voto e participação no Colibri, e não arquivos. Nenhum documento perde valor por estar aberto |
| Remover a página de obrigado | Ajustada | A objeção é técnica e procede: página de obrigado é a forma mais simples de medir conversão. A confirmação segue na própria página, e a medição passa a ser por evento, o que virou requisito no handoff para o desenvolvimento |
Uma arquitetura que não foi atacada é uma arquitetura que ninguém testou. Registrar o que sobreviveu e o que mudou deixa claro quais decisões têm lastro e quais foram corrigidas antes de virar layout, que é bem mais barato do que corrigir depois do site no ar.
| Componente | Onde aparece |
|---|---|
| Barra de navegação | Todas as páginas, com os cinco destinos e o botão de filiação à direita |
| Abertura com imagem | Home e Festival Colibri |
| Lista editorial com destaque | Home, na posição 2, e Radar |
| Grade de blocos com ícone | Home, na seção de entregas. Institucional, nas frentes de atuação |
| Faixa de números | Home e Institucional, sempre com rótulo e contexto, nunca número solto |
| Mural de marcas | Home, na vitrine de associadas. Em grade, nunca em carrossel |
| Filtro e grade de resultados | Associadas, Radar e Premiadas do Colibri |
| Tabela de faixas | Associe-se, na contribuição, com a faixa mais comum já selecionada |
| Passos numerados | Associe-se, no como funciona |
| Perguntas expansíveis | Associe-se e Contato |
| Formulário com confirmação no lugar | Associe-se e Contato |
| Faixa de convite final | Home, Institucional, Associadas, Festival Colibri e Radar, sempre com o mesmo texto e o mesmo fundo escuro |
| Rodapé em quatro colunas | Todas as páginas |
| Em vez de | Escrever |
|---|---|
| O Sinapro-ES é a mais representativa entidade da classe patronal | Frase que descreva o que a entidade fez, com número |
| Representatividade, fortalecimento, transformação | O que essas palavras produziram na prática, no ano |
| Filie-se e usufrua dos benefícios | Faça parte. Veja o que entra na conta |
| A entidade disponibiliza aos seus associados | Sua agência tem acesso a |
| Nossos associados | As agências que estão com a gente |
| Sindicato | Sistema Nacional das Agências de Propaganda no Espírito Santo, ou o Sinapro-ES |
Duas regras de escrita que atravessam o site inteiro. A entidade é masculina: o Sinapro, porque é sigla de Sistema. E o site fala em primeira pessoa do plural, como já acontece nas redes sociais, e não em terceira pessoa sobre si mesmo.
A arquitetura está fechada e não depende de nenhum destes itens para ser aprovada. O texto da Etapa 3, sim: sem eles, algumas seções vão para o wireframe com marcação de conteúdo a preencher.
| O que falta | Para qual seção | Impacto se não vier |
|---|---|---|
| Números de entrega do ano | Home, o que o Sistema entrega | Alto. É o argumento central contra a objeção de retorno. Sem eles, a seção volta a ser lista de atribuições |
| Cadastro completo das associadas | Associadas e página de cada agência | Alto. A busca nasce vazia. É o maior volume de coleta do projeto |
| Peças premiadas com crédito e autorização | Festival Colibri e Home | Alto. Sem elas, a área do Colibri fica sem o conteúdo que justifica sua existência |
| Licença de fonte para uso em site | Todo o site | Alto para o design. A família tipográfica da marca é comercial e a licença de web ainda não foi confirmada |
| Valores vigentes com data | Associe-se, contribuição | Médio. A tabela pode ir sem data, mas perde credibilidade |
| Prazo de resposta da filiação | Associe-se, confirmação | Médio. Sem prazo declarado, o silêncio pós-envio vira dúvida |
| Diretoria vigente com fotos | Institucional | Médio. A publicada hoje é de mandato encerrado |
| Lista de serviços para o filtro | Associadas | Médio. Precisa ser fechada com a diretoria antes do cadastro começar |
| Convenção Coletiva e Lista Referencial vigentes | Institucional, bloco de documentos | Médio. As versões públicas acessíveis hoje estão vencidas |
| Primeiros colunistas e cadência | Radar | Baixo para o lançamento, alto para o terceiro mês. Sem rodízio combinado, a coluna nasce e para |
A identidade tem quatro cores e nenhuma cor de estado. Uma interface precisa de mais: tons intermediários de cinza para hierarquia, cor de link, cor de foco para navegação por teclado e sinais de erro e de sucesso em formulário. A Etapa 3 vai propor essa extensão a partir da paleta oficial, para aprovação. Não é mudança de marca, é o mínimo para a interface funcionar.
Há ainda um ponto de legibilidade a resolver no design: o amarelo da marca não alcança contraste suficiente como cor de texto sobre fundo claro. Ele funciona como área de fundo com texto escuro, como acento e como elemento gráfico, e é assim que o wireframe vai indicá-lo.
O projeto tem três etapas. Esta é a segunda. A próxima é a Etapa 3, Wireframe e Copy, que entrega as páginas navegáveis com o texto definitivo de cada seção, a partir do briefing deste documento.