Website Design & Experience Guide

Nova BD.
Clareza em Movimento.

Briefing detalhado para reconstruir o site da BD Comunicação sem apagar os serviços atuais, mas reposicionando-os dentro de uma narrativa mais madura: estratégia, dados, IA, automação, clareza e crescimento.

01 / Visão Estratégica

A BD não muda de negócio. Muda a forma como o mercado entende o que ela entrega.

O novo site precisa preservar as soluções que hoje sustentam a BD, como redes sociais, tráfego pago, sites, conteúdo e identidade visual, mas reposicioná-las como parte de uma operação mais inteligente. A primeira percepção deve ser de uma empresa de estratégia, clareza, dados e inteligência aplicada — não de uma agência tradicional.

Evitar como narrativa principal

Agência operacional

  • Fazemos posts
  • Criamos artes
  • Gerenciamos Instagram
  • Rodamos anúncios
  • Desenvolvemos sites
Nova percepção

MarTech de clareza e crescimento

  • Diagnosticamos a complexidade
  • Organizamos estratégia e dados
  • Implementamos IA e automação
  • Executamos a operação digital necessária
  • Geramos clareza para crescer
02 / Posicionamento

Transformamos complexidade em clareza para empresas que querem crescer.

A BD deve ser apresentada como uma MarTech consultiva e executiva. Ela pensa, estrutura, implementa e executa. O marketing continua existindo, mas não como protagonista da narrativa; ele aparece como uma camada de execução estratégica dentro do ecossistema.

Diretriz principal: manter o foco em clareza, estratégia, dados, IA e automação. Os serviços de marketing entram como suporte operacional para colocar a estratégia em movimento.
01

Clareza

Simplificar decisões, organizar prioridades e construir direção.

02

Inteligência aplicada

Usar dados, IA e automação para melhorar processos, performance e operação.

03

Crescimento

Executar a estratégia com canais, campanhas, conteúdo, web e performance.

03 / Narrativa da Marca no Site

A ordem da história é o reposicionamento.

01

Problema

Empresas têm ferramentas, mas falta direção.

02

Clareza

A BD organiza complexidade e prioridades.

03

Inteligência

Dados, IA e automação entram como meios.

04

Execução

Marketing e web colocam a estratégia em prática.

05

Crescimento

Operação mais clara, leve e mensurável.

04 / Ecossistema BD

As soluções devem aparecer como um ecossistema, não como lista de serviços.

Pilar 01

Estratégia

  • Diagnóstico
  • Planejamento
  • Posicionamento
  • Arquitetura Digital
  • Consultoria
Pilar 02

Inteligência Artificial & Automação

  • Implementação de IA
  • Automação de processos
  • Agentes inteligentes
  • Otimização operacional
  • Eficiência empresarial
Pilar 03

Dados & Performance

  • Dashboards
  • Business Intelligence
  • Analytics
  • Indicadores
  • SEO Intelligence
05 / Camada Complementar

Execução Estratégica: onde os serviços atuais entram sem dominar a narrativa.

Esta seção deve existir, mas com menor peso visual. Ela mostra que a BD também executa a operação necessária para colocar a estratégia em prática. Não deve parecer o centro da empresa; deve parecer a consequência natural do método.

Social Media

Gestão de redes sociais, calendários editoriais, conteúdo e consistência de marca.

Tráfego Pago

Campanhas de mídia com leitura estratégica, otimização e foco em performance.

Desenvolvimento Web

Sites, landing pages, páginas de conversão e experiências digitais.

Produção de Conteúdo

Conteúdo para posicionamento, autoridade, campanhas e relacionamento.

Identidade Visual

Sistemas visuais, campanhas e materiais para presença digital consistente.

Campanhas

Ações criativas orientadas por estratégia, canal, objetivo e mensuração.

Importante: não usar a palavra “Marketing” como categoria principal da Home. Usar “Execução Estratégica” para preservar o reposicionamento e manter os serviços atuais.
06 / Arquitetura da Informação

Mapa recomendado para o site.

Página
Objetivo
Conteúdo principal
Home
Apresentar reposicionamento
Hero, narrativa, ecossistema, execução estratégica, método, cases, sobre e CTA.
Soluções
Detalhar o ecossistema
Estratégia, IA & Automação, Dados & Performance, Execução Estratégica.
Cases
Gerar prova
Contexto, desafio, solução, indicadores e aprendizados.
Conteúdo
Autoridade e SEO
IA, estratégia, dados, automação, crescimento e marketing inteligente.
Sobre
Humanizar
História da BD, liderança, 20 anos, visão e cultura.
Contato
Converter
Diagnóstico, formulário qualificado, WhatsApp e integração com CRM.
07 / Home Page

Wireframe detalhado da Home.

01 / Hero

Negócios não precisam ser complicados.

Subheadline: Transformamos estratégia, dados, inteligência artificial e automação em clareza para empresas que querem crescer.

CTA: Quero clareza para crescer.

02 / Problema

Ferramentas demais. Direção de menos.

Mostrar que empresas estão cercadas de canais, dados e tecnologia, mas ainda tomam decisões fragmentadas.

03 / Clareza em Movimento

A filosofia da nova BD.

Explicar que clareza não é parar; é organizar o movimento para crescer melhor.

04 / Ecossistema

Estratégia, IA, Dados e Performance.

Mostrar os três pilares principais com forte destaque visual.

05 / Execução Estratégica

A camada de implementação.

Apresentar social, tráfego, web, conteúdo e identidade como meios de execução.

06 / Método

Como a BD atua.

Diagnóstico → Estratégia → Implementação → Execução → Otimização.

07 / Cases

Resultados com contexto.

Indicadores e narrativas curtas mostrando clareza aplicada.

08 / Sobre

20 anos tornando o complexo simples.

Apresentar história, liderança e visão de futuro.

09 / CTA Final

O próximo passo começa com clareza.

Botão: Falar com a BD.

08 / Página de Soluções

As soluções devem ser apresentadas em camadas.

Estratégia

O ponto de partida: clareza, diagnóstico e direção.

IA & Automação

Melhorias de processo, produtividade e operação.

Dados & Performance

Medição, leitura e evolução contínua.

Execução Estratégica

Marketing, conteúdo, mídia e web como braços da estratégia.

09 / Copywriting

O texto deve preservar o novo posicionamento sem esconder a operação.

Evitar

  • Somos uma agência full service.
  • Fazemos posts para redes sociais.
  • Gerenciamos anúncios.
  • Criamos artes e sites.

Usar

  • Transformamos complexidade em clareza.
  • Conectamos estratégia, dados, IA e execução.
  • Executamos a operação digital necessária para colocar a estratégia em movimento.
  • Usamos marketing como meio para gerar crescimento.
10 / SEO

SEO deve sustentar os dois mundos: MarTech e serviços atuais.

Clusters estratégicos

IA para negócios, automação de processos, dados, BI, estratégia digital, MarTech.

Clusters operacionais

Tráfego pago, social media, criação de sites, landing pages, SEO, conteúdo.

Como organizar

Conteúdos operacionais devem apontar para a narrativa estratégica da BD, não para execução isolada.

11 / Conversão

O CTA principal deve vender diagnóstico e clareza.

CTA principal

Quero clareza para crescer

CTA secundário

Conheça o ecossistema BD

CTA operacional

Preciso melhorar minha operação digital

12 / Design System

O site deve parecer premium, arquitetônico e tecnológico, sem exagero futurista.

Direção visual

  • Fundo preto profundo em seções-chave
  • Bege como base clara
  • Laranja como energia e movimento
  • Portais, cubos, fitas e caminhos luminosos
  • Cards com vidro fosco e bordas 16–24px

Tipografia e cor

Headlines de grande impacto, caixa alta, estilo condensado. Texto de apoio limpo e com bastante espaçamento.

#111111
#F5F2EC
#FF6A00
13 / Motion

Movimento deve comunicar clareza em movimento.

Scroll reveal

Elementos entram com fade, blur suave e deslocamento vertical leve.

Linhas luminosas

Caminhos laranja podem se desenhar durante o scroll.

Hover premium

Cards elevam 4px, borda ganha brilho laranja, transição 250ms.

14 / Roadmap para desenvolvimento

Ordem recomendada de execução.

01

UX

Validar arquitetura, jornada e seções.

02

Copy

Escrever versão final de cada bloco.

03

UI

Desenhar home, soluções, cases e contato.

04

Dev

Implementar com performance, SEO, CRM e analytics.