Comunicação Integrada: Reestruturação do site institucional

Information ArchitectureUI DesignFront-EndClient-led Discovery
Cliente: Comunicação IntegradaParceiro: Nome do ParceiroAno: 2021
Stack: headless wordpress, react, gatsby

Empresa de consultoria em comunicação com forte dependência de conteúdo editorial como canal de aquisição e autoridade. O site existente operava como hub institucional e blog, mas apresentava limitações estruturais que comprometiam sua função estratégica.

Responsabilidades:

  • Arquitetura da informação
  • Estruturação de conteúdo
  • UI design
  • Definição de estratégia técnica (headless / static)
  • Implementação front-end
  • Alinhamento com marketing (SEO e tracking)

Problema

O produto digital acumulava falhas críticas:

  • Arquitetura da informação desorganizada e ambígua
  • Baixa performance devido ao acúmulo de plugins no WordPress
  • Fragilidade de segurança percebida pela cliente
  • Estrutura de conteúdo que prejudicava SEO e encontrabilidade

Na prática, o site deixava de cumprir seu papel como canal de geração de autoridade e aquisição.

Restrições

  • Necessidade de manter o fluxo editorial via WordPress
  • Grande volume de conteúdo legado, desestruturado
  • Branding parcialmente definido (sem sistema claro)
  • Cliente com baixa confiança inicial na qualidade da entrega

Desafio

O desafio não era apenas redesenhar o site.

Era equilibrar três forças conflitantes:

preservar a autonomia editorial da cliente eliminar problemas técnicos da stack existente reconstruir a lógica estrutural do conteúdo sem perder material legado

Além disso, havia um fator crítico: necessidade de construir confiança no processo de design.

Solução

A solução foi conduzida em três frentes integradas:

  • Reestruturação da informação
    • Reorganização completa da arquitetura de conteúdo
    • Definição de navegação orientada à encontrabilidade
    • Normalização de páginas, categorias e links
  • Alinhamento semiótico (confiança do cliente)
    • Criação de moodboard estratégico
    • Definição de direção visual baseada no branding existente
    • Uso da estética como ferramenta de validação e adesão

Ponto de virada: desbloqueio da colaboração ativa da cliente

  • Implementação orientada a sistema
    • UI estruturada com consistência entre páginas
    • Front-end estático (Gatsby)
    • Integração com WordPress como CMS desacoplado
    • Suporte a SEO e tracking com marketing

Resultados

  • Melhoria perceptível na organização e clareza do conteúdo
  • Aumento de performance e estabilidade do site
  • Evolução no posicionamento orgânico (SEO) nos meses seguintes
  • Alta aceitação do cliente e feedback positivo recorrente