Vision Criativa · Apresentação de projeto Recife · 14 ago 2026

Do arquivo morto ao dado vivo.

Proposta de site para a DocBrasil, estruturada para que o conteúdo seja encontrado pelo Google e citado por ferramentas de inteligência artificial em buscas sobre gestão documental.

Preparado por Vision Criativa · para DocBrasil · Marketing digital e desenvolvimento web
01

Por que refazer o site.

O site atual foi feito no Wix, com prioridade para o aspecto visual. Isso limita a leitura do conteúdo por buscadores e por ferramentas de inteligência artificial.

Sintoma 1

O Google não lê direito

Sem HTML limpo e sem hierarquia definida, o buscador tem dificuldade para rastrear e posicionar o conteúdo.

Sintoma 2

As IAs não citam

ChatGPT, Gemini e Perplexity não utilizam a DocBrasil como fonte, porque o conteúdo não está em formato legível para esses sistemas.

Sintoma 3

Autoridade desperdiçada

Os cases com Nagem, Pitú e Jaboatão existem, mas geram pouca visibilidade por não estarem estruturados no site.

Na prática, a empresa perde posição para concorrentes com menos experiência, porém com sites tecnicamente melhor estruturados. O novo site trata esses pontos.

02

As cinco camadas de visibilidade.

As decisões do projeto atendem a cinco frentes complementares. Além do SEO tradicional, o objetivo é que buscadores e ferramentas de inteligência artificial compreendam e citem a DocBrasil.

SEO

Permite que o Google encontre e posicione o site. Base: HTML semântico, URLs hierárquicas, meta tags e sitemap.

AIO

Permite que as ferramentas de IA usem o site como fonte, com cada serviço descrito em formato legível por máquina.

GEO

Favorece a presença da DocBrasil nos resumos gerados por IA em consultas sobre gestão documental.

LLMO

Texto claro e sem ambiguidade, em formato que os modelos de linguagem interpretam com precisão.

AEO

Alcança as respostas rápidas do Google (Featured Snippets) por meio de um FAQ estruturado com perguntas reais.

03

Duas direções de design.

O conteúdo e a estrutura são os mesmos nas duas propostas. A diferença está na linguagem visual. A escolha da direção final cabe à DocBrasil.

Direção 1

Cinematográfica

Escura e imersiva, com vídeo de arquivo no topo. Transmite autoridade e escala, e tende a funcionar bem para o comprador que avalia confiança antes de contratar.

Direção 2

Editorial técnica

Grafite, tipografia ampla e movimentação discreta, com o ciclo do documento em rolagem horizontal. Transmite modernidade e rigor técnico, com identidade própria.

Nas duas propostas, o princípio é o mesmo: o site deve demonstrar a transformação que a DocBrasil oferece, do documento parado ao documento localizável em segundos, e não apenas descrevê-la.

04

Anatomia da home, seção por seção.

Cada seção tem uma função definida na jornada do visitante. A seguir, o raciocínio por trás de cada uma.

Seção 01

Hero

Topo · Tese
O quê

Vídeo real de um corredor de arquivo com a frase "cada documento, encontrável em segundos".

Por quê

A primeira tela comunica o resultado que a empresa entrega. O serviço não se resume à guarda de caixas: envolve organizar e disponibilizar informação. O vídeo mostra a estrutura real, e o texto apresenta o resultado.

Gera

Reconhecimento imediato da proposta e o primeiro convite ao diagnóstico.

Seção 02

Prova e números

Autoridade
O quê

Logos dos clientes e quatro números da operação (caixas guardadas, páginas digitalizadas, SLA, anos).

Por quê

Apresenta prova social logo no topo. As credenciais em licitações públicas, como Jaboatão e Grande Recife, estão entre os ativos mais relevantes da empresa e têm pouco destaque no site atual.

Gera

Confiança e sinal de E-E-A-T para buscadores e ferramentas de IA.

Seção 03

O problema

Identificação
O quê

O custo invisível do arquivo morto: metro quadrado parado, tempo de busca, risco de LGPD.

Por quê

Antes da apresentação da solução, o visitante precisa se reconhecer no problema. Esses três custos incidem mensalmente e costumam passar despercebidos.

Gera

Senso de prioridade, e prepara a leitura da calculadora.

Seção 04

Ciclo de vida

Narrativa
O quê

Seis etapas, da coleta ao descarte legal. Na Direção 2, o fundo faz crossfade do arquivo físico para o data center conforme você avança.

Por quê

Mostra que os seis produtos funcionam como um sistema único de custódia, com o documento sempre dentro da cadeia de responsabilidade. A transição do fundo representa a passagem do físico para o digital.

Gera

Percepção de método e de controle sobre o processo.

Seção 05

O galpão

Diferencial
O quê

Uma faixa com fotografia do centro de custódia, segurança e ambiente controlado.

Por quê

Guarda documental envolve confiança na estrutura física. A fotografia do galpão é um recurso de baixo custo e bom retorno, pouco explorado pelos concorrentes da região.

Gera

Evidência concreta da estrutura. (Recomendamos uma diária de foto e vídeo no galpão da DocBrasil.)

Seção 06

As soluções

SEO · URLs
O quê

Os sete serviços em grade, cada um com sua página dedicada.

Por quê

Cada produto recebe uma URL própria (por exemplo, /solucoes/gestao-documental-em-nuvem/), escrita nos termos que o público pesquisa, em vez da nomenclatura interna. É assim que o Google indexa cada serviço e que as ferramentas de IA identificam o que a DocBrasil oferece.

Gera

Uma porta de entrada por serviço, além da linkagem interna.

Seção 07

Demonstração do Doc Vault

Produto
O quê

A busca do Doc Vault rodando na própria página: digita, filtra por metadado, encontra.

Por quê

O comprador tende a decidir a partir de evidência do produto em funcionamento. Demonstrar costuma ser mais eficaz do que descrever.

Gera

Contato qualificado e diferenciação frente aos concorrentes.

Seção 08

Central de Confiança

Licitação
O quê

LGPD, ISO, segurança física do galpão, continuidade e seguro do acervo.

Por quê

É o material que o jurídico do cliente consulta primeiro e que pesa na decisão de uma licitação. Não consta no site atual.

Gera

Vantagem em processos de compra públicos e corporativos.

Seção 09 · Em destaque

A calculadora de custo do arquivo

Esta seção recebeu atenção especial no projeto, e vale explicar sua função. O visitante informa três dados: área ocupada, número de caixas e buscas por mês. Em seguida, visualiza o custo anual do próprio arquivo e a economia estimada com a DocBrasil.

  • Transforma um custo invisível em valor mensurável. A seção "O problema" apresenta a questão; a calculadora atribui um valor em reais a ela. É quando o visitante percebe que já existe um custo em manter a situação atual.
  • É o principal ponto de captação de contatos qualificados. O resultado aparece imediatamente, sem custo. O e-mail é solicitado apenas para o envio do relatório completo, o que ajuda a qualificar o contato.
  • Serve como conteúdo de entrada e como peça para tráfego pago. "Quanto o seu arquivo custa" funciona bem como anúncio, por entregar utilidade antes da oferta comercial.
  • Contribui para o AIO. Ferramentas interativas tendem a gerar links, tempo de permanência e autoridade, sinais considerados por buscadores e por ferramentas de IA.

Os parâmetros são premissas de mercado, usadas para dimensionamento. Serão substituídos pelos índices reais da DocBrasil antes da publicação.

Seção 10

Cases de sucesso

Autoridade
O quê

Nagem, Pitú, Prefeitura de Jaboatão e Grande Recife, com logo real e o texto de cada caso.

Por quê

Cases com marcas de grande porte são difíceis de obter, e a DocBrasil já os possui. Bem estruturados, tornam-se autoridade reconhecida por buscadores e por ferramentas de IA.

Gera

Prova de resultado por setor: varejo, indústria, governo e mobilidade.

Seção 11

FAQ estratégico

AEO
O quê

Perguntas frequentes de quem pesquisa sobre GED, com respostas diretas e marcação schema FAQPage.

Por quê

É o formato usado pelo Google nos Featured Snippets e que ChatGPT e Perplexity citam como resposta direta. Atende às buscas formuladas como pergunta, além das por palavra-chave.

Gera

Presença nas respostas rápidas e nas respostas geradas por IA.

Seção 12

Contato e menu

Conversão · SEO
O quê

Formulário de contato, e um menu com Soluções, Setores, Confiança, Cases, Recursos e Sobre.

Por quê

Além da navegação, o menu define a arquitetura de URLs que o Google indexa e a linkagem interna que distribui autoridade entre as páginas.

Gera

O caminho para a conversão e a estrutura que sustenta o SEO.

05

A camada técnica, invisível mas decisiva.

Os elementos que permitem a buscadores e ferramentas de IA interpretarem o site. A maior parte não aparece na tela, mas responde por boa parte do resultado.

Nos protótipos, a base já está aplicada: dados estruturados de Organization, LocalBusiness e FAQPage, HTML semântico e a arquitetura de URLs. O restante da camada técnica entra na etapa final do projeto, fora do Wix.

06

As decisões de design.

Cada escolha estética parte da identidade da própria DocBrasil, e não de um modelo pronto.

Cor

A paleta da marca

Quase-preto, os azuis do logo e o verde-limão como cor de destaque. As cores foram extraídas do site atual da DocBrasil.

Tipografia

Tipografia com personalidade

Uma grotesca de personalidade nos títulos e uma fonte de leitura limpa no texto, evitando as famílias padrão mais comuns.

Imagem

Imagens do arquivo real

Fotografia e vídeo dos corredores de arquivo e das caixas, correspondentes à operação real da DocBrasil, em vez de banco de imagens.

07

Próximos passos.

As etapas previstas até a publicação do site.

01

Escolha da direção

A DocBrasil define entre a Direção 1 e a Direção 2. A partir dessa escolha, o trabalho segue com uma única direção.

02

Briefing de conteúdo

Textos dos produtos, números reais, logos em vetor e fotos. É a etapa em que os dados de exemplo são substituídos pelos definitivos.

03

SEO técnico completo

Meta tags, sitemap, robots, schema por página, Open Graph, canonical, Search Console e Analytics.

04

Revisão, performance e lançamento

Lighthouse 90+, ajustes para mobile, redirecionamentos do domínio atual e publicação. Em seguida, acompanhamento mensal de conteúdo e de posicionamento.