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: 1. 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 2. 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 3. 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