Site bonito que não converte é folder caro.

Cada página tem um papel: ser encontrada no Google, receber tráfego de anúncio ou convencer quem já está quase decidido. A gente define esse papel e a estrutura do site antes de abrir o Figma.

1. 01

   Imersão na oferta e no público

   Conversa com você e com o comercial para entender o que vende, para quem e quais objeções aparecem no atendimento.

2. 02

   Análise de concorrentes

   Leitura dos sites dos concorrentes diretos: o que prometem, como se organizam e onde deixam espaço.

3. 03

   Pesquisa de palavras-chave

   Termos que o seu cliente digita no Google, distribuídos entre as páginas para cada uma ter um foco claro.

4. 04

   Mapa do site e das URLs

   Estrutura de páginas, menus e endereços, pensada para o visitante e para o Google ao mesmo tempo.

5. 05

   Plano de redirecionamentos

   Em migração, cada URL antiga ganha um destino novo, para não perder o que já aparece no Google.

6. 06

   Conversão de cada página

   Qual é a ação esperada em cada página: conversa no WhatsApp, formulário, agendamento ou compra.

7. 07

   Wireframes

   Rascunho da estrutura de cada modelo de página, com a ordem dos blocos, aprovado antes do design.

A gente desenha no Figma a partir da sua identidade visual, começando pela tela do celular, que é onde a maior parte das visitas acontece.

1. 01

   Direção visual

   Referências e decisões de estilo a partir da sua marca, aprovadas antes do layout completo.

2. 02

   Layout em alta fidelidade

   Telas finais no Figma para celular e computador, com o texto real, sem texto de exemplo.

3. 03

   Biblioteca de componentes

   Botões, cards, seções e formulários padronizados, para criar páginas novas sem desenhar do zero.

4. 04

   Acessibilidade

   Contraste, tamanho de fonte e área de toque conferidos para qualquer pessoa conseguir usar o site.

5. 05

   Imagens e ícones

   Tratamento das suas fotos e escolha de ícones e ilustrações coerentes com a marca, já pensando em peso de arquivo.

6. 06

   Protótipo navegável

   Uma versão clicável no Figma para você aprovar o fluxo antes do desenvolvimento.

Site sem medição não deixa você saber o que funciona. A gente instala e testa toda a mensuração ainda na homologação, para o primeiro visitante já gerar dado.

1. 01

   Google Tag Manager

   Contêiner organizado, com tags e gatilhos nomeados de forma padrão.

2. 02

   GA4 com eventos de conversão

   Clique no WhatsApp, envio de formulário, ligação e rolagem das páginas principais registrados como eventos.

3. 03

   Pixel e API de Conversões

   Eventos enviados para a Meta pelo navegador e pelo servidor, para alimentar as campanhas com dado completo.

4. 04

   UTMs preservadas até o CRM

   A origem do visitante acompanha o contato até o CRM, mesmo quando ele navega por várias páginas antes de converter.

5. 05

   Mapa de calor e gravação

   Instalação do Microsoft Clarity para ver onde as pessoas clicam, até onde leem e onde desistem.

6. 06

   Teste de cada conversão

   Toda conversão é disparada e conferida nas ferramentas antes da publicação.