Gabriel Amaral Todos os cases

Como transformar 15 anos de invisibilidade digital em R$ 80 mil de pipeline

Uma empresa sólida, com 15 anos de mercado e clientes de peso, tinha como site uma página de erro 404. O que começou como "atualizar o site" virou a construção da marca inteira, do vetor do logo ao catálogo de 85 produtos. Em 90 dias, o site gerou R$ 80 mil em pipeline.

Cliente
Fluidraw, automação industrial em Jundiaí
Meu papel
Branding e Web Design, sozinho
Equipe
2 sócios e 2 engenheiros da Fluidraw
Prazo
12 semanas, em 2024
Ferramentas
Illustrator, Photoshop, Framer, Notion, Miro, Google Analytics

Resultados

R$ 80 mil

Pipeline gerado em 90 dias

0 → 264

Visitas por mês, crescendo 8% ao mês

Top 3

No Google para automação industrial em Jundiaí

-40%

Em leads desqualificados

Um site que estava parado havia três anos

Eu estava num bar em Jundiaí quando o Gledson, amigo meu havia seis anos, perguntou se eu conhecia alguém que soubesse montar site. Entrei no site da Fluidraw naquele mesmo dia. Não era um site desatualizado: era uma página de erro.

Uma empresa com mais de 15 anos no mercado de automação industrial, fornecendo para usinas siderúrgicas e indústrias de embalagens, com projetos que aumentavam de 20% a 30% a capacidade operacional dos clientes. Tudo isso invisível no mundo online.

Na reunião com os sócios perguntei de onde vinham os clientes. "De indicação." E os primeiros, antes das indicações? "Há cinco anos, quando íamos de porta em porta entregando mala direta. Mas hoje você nem entra nas empresas sem hora marcada."

Quando pedi o material de marca, recebi um folder de 2014, um LinkedIn com a foto de capa esticada e duas imagens do logo em baixa resolução. Perguntei se tinham o arquivo vetorial. Silêncio: eles não entenderam a pergunta. Ali ficou claro que o trabalho não era montar um site, era construir a marca do zero.

Comparação entre o site antigo da Fluidraw, exibindo uma página de erro 404, e o site novo de 2024
O site estava fora do ar desde dezembro de 2021. A empresa não sabia.

Fase 01 · Pesquisa

O cliente não pesquisa fornecedor. Ele pesquisa quando a máquina para.

A região de Jundiaí movimenta R$ 2,1 bilhões em automação industrial, 16% do mercado paulista, com 1.850 empresas crescendo 18% ao ano. É um mercado extremamente tradicional: empresas de 25 a 30 anos, relacionamento presencial e WhatsApp como principal ferramenta de negociação.

Analisei 8 concorrentes diretos e 4 referências globais. Os diretos tinham sites genéricos com catálogo em PDF para baixar, nenhum trabalho sério de SEO e nenhuma prova social. Conversei com 4 clientes da Fluidraw e 2 técnicos do setor, e daí saiu a persona que direcionou tudo.

João, 45 anos, líder de manutenção numa fábrica de garrafas PET. O maior medo dele é o telefone tocar no sábado durante o churrasco: "a máquina parou". Máquina parada é prejuízo de milhares de reais por hora, e a reputação dele em jogo. Ele pesquisa no Google, e se o site não passar credibilidade técnica em 3 segundos, ele fecha. Prefere pagar 20% a mais para quem resolve hoje.

Persona construída a partir das entrevistas
Prancha de planejamento com jornada do consumidor, funil de vendas, comparação entre inbound e outbound, e análise de CRM
A jornada mapeada mostrou que a Fluidraw só atuava no "durante". Antes e depois da compra estavam vazios, e era ali que estava o crescimento.

Fase 02 · Planejamento

Quando descobri que estava construindo a coisa errada

Comecei no ReadyMag, plataforma que eu já dominava. Visualmente ficava ótimo, com animação e parallax. Até que, num follow-up, o Gledson comentou sobre os produtos. Eu tinha preparado uma lista com 25 itens. Ele explicou com calma: "a área de produtos representa quase metade do negócio, e cada item tem suas variações técnicas."

O site de uma página que eu estava criando não comportava a complexidade real da empresa. O desafio não era visual, era estrutural. Passei a madrugada estudando o Framer e entendi que precisava recomeçar do zero, agora com a ferramenta certa.

Com apoio das marcas parceiras, reunimos 85 produtos em 14 categorias. O segredo não estava na lista, estava no SEO: cada produto virou uma nova porta de entrada. Cada serviço ganhou uma página dedicada respondendo à pergunta do João: isso resolve meu problema agora?

Arquitetura da informação do site da Fluidraw, com header, mapa de páginas e detalhamento de peças, catálogos e parceiros
A arquitetura da informação, antes de qualquer pixel. Assistência técnica ganhou destaque porque dois terços das consultas começam ali.
Wireframes de baixa fidelidade das cinco páginas principais do site, cada uma com um código de cor
Os cinco wireframes, um por página. É onde eu decido a hierarquia antes de ter qualquer decisão visual para me distrair.

Fase 03 · Design

Transmitir 15 anos de experiência em 3 segundos

Modernizei o logo com kerning, vetorização e cores achatadas, e escolhi a Helvetica Neue: atemporal, limpa, técnica. O símbolo une o circuito hidráulico ao movimento do infinito, contínuo, preciso e controlado.

Desenhei 65 ícones de automação industrial, cada um em 3 variações de cor e 3 tamanhos. Isso não é preciosismo: quando um engenheiro de manutenção com anos de experiência vê cada ícone técnico, ele reconhece inconscientemente que essas pessoas entendem do assunto.

Foram 5 catálogos somando 230 páginas e mais de 100 imagens de produto tratadas, cada uma recortada, com fundo padronizado, marca d'água e nome. Cada imagem precisava carregar a marca sozinha, para o caso de alguém salvar no celular durante uma urgência. Mais de 150 horas de trabalho.

Prancha de branding com construção do logo, variações, símbolo, paleta verde, tipografia e aplicações em capacete, garrafa e camisa
Do vetor que não existia ao brand guide de 12 páginas, para qualquer designer futuro manter a consistência.
Prancha com os 85 produtos catalogados, detalhes de tratamento em alta resolução, adesivagem e marca d'água Os cinco catálogos da Fluidraw, somando 230 páginas padronizadas
85 produtos em 14 categorias, alimentando um CMS, e os 5 catálogos que padronizaram a comunicação técnica.

Fase 04 · Ajustes

Quando os números começam a falar

Um mês depois do lançamento, o Gledson me mandou mensagem: uma empresa de Manaus tinha entrado em contato pela primeira vez, e o projeto fechou. Manaus fica a 4 mil quilômetros de Jundiaí, uma distância que mala direta de porta em porta nunca alcançaria.

No Google Analytics, o site marcava 264 visitas mensais. Não é muito para um site grande, mas vindo de zero muda tudo. 65% do tráfego chegava via busca, procurando termos como automação industrial Jundiaí, equipamentos hidráulicos e válvulas direcionais.

Painel do Google Analytics da Fluidraw com usuários ativos, canais de aquisição, mapa de países e relatórios de SEO impressos
O painel do Google Analytics e os relatórios mensais de SEO, entregues para a empresa acompanhar sem depender de mim.

De onde vieram os R$ 80 mil

Dezesseis orçamentos fechados em 90 dias, todos iniciados pelo site.

8 orçamentos de peças, ticket médio R$ 500
R$ 4.000
6 projetos de retrofit, ticket médio R$ 6.000
R$ 36.000
2 projetos completos, ticket médio R$ 20.000
R$ 40.000
Pipeline em 90 dias
R$ 80.000

Fora isso, os filtros industriais de cerca de R$ 150, trocados constantemente, criaram uma receita recorrente que fideliza a longo prazo. É o tipo de cliente que vira base de crescimento.

"Todo esse trabalho na marca e o novo site deram uma nova cara para a empresa. Agora conseguimos passar mais confiança para os nossos clientes, e isso tem nos ajudado muito a fechar novos negócios."

Kaio Ribeiro, engenheiro técnico da Fluidraw

Três aprendizados

Credibilidade técnica abre a porta. Acessibilidade humana fecha o negócio.

Passei semanas em ícones técnicos, fundos com diagramas hidráulicos e catálogos padronizados. Tudo isso era necessário para transmitir expertise em nível inconsciente. Mas o elemento que mais convertia era o botão de WhatsApp no topo: "Máquina parada? Fale agora com um especialista." Às duas da manhã de um sábado, o João não quer admirar branding. Ele quer alguém que resolva antes do turno começar.

Em mercado tradicional, você não compete contra empresas melhores. Compete contra a inércia.

Os concorrentes da Fluidraw não têm sites ruins, têm sites defasados. A barreira de entrada é surpreendentemente baixa. A empresa sobreviveu 15 anos só de indicação, e funcionava, até eu calcular que cada mês sem presença digital era cliente perdido em Manaus, Brasília e Porto Alegre. Para sempre.

Sustentabilidade vence sofisticação.

Minha primeira tentativa, no ReadyMag, era visualmente linda e impossível de escalar: eu teria que atualizar o site toda semana na mão. O Framer trouxe equilíbrio entre profissionalismo e viabilidade. Se um sistema só funciona com quem o criou, ele já começa quebrado.