| Papel | Designer e desenvolvedor solo — UX research, UI design e front-end |
| Prazo | 6 semanas (diagnóstico → entrega do site ao vivo) |
| Equipe | 3 pessoas — eu + sócio-diretor + gerente comercial da empresa |
| Ferramentas | Figma · HTML/CSS/JS · Hotjar · Google Search Console · AutoCAD (referência técnica) |
| Setor | Empresa de engenharia civil e projetos arquitetônicos |
O site tinha mais de 8 anos e nunca havia passado por uma revisão de UX. Era bonito para o dono, mas confuso para o cliente: 3 menus diferentes, portfólio enterrado em 4 cliques e nenhum CTA claro para solicitar orçamento. O Hotjar mostrou que 70% dos visitantes saíam antes de encontrar a página de contato.
Instalamos o Hotjar uma semana antes do início do projeto para coletar dados reais de comportamento. Os heatmaps revelaram um "dead zone" completo no menu lateral — ninguém clicava nele. O Google Search Console apontou que 60% do tráfego orgânico chegava por termos de "projeto elétrico" e "AutoCAD residencial" — serviços mal destacados no site antigo.
Reduzi a estrutura de 12 páginas para 5. A homepage passou a ter um único fluxo: quem somos → o que fazemos → portfólio → CTA de orçamento. O formulário de contato saiu da última página e foi para a homepage e para cada página de serviço.
Sitemap — Antes x Depois
Wireframe — Nova Homepage
Aproveitei meu background em AutoCAD para criar uma linguagem visual que fala com o setor: linhas de construção sutis como textura de fundo, módulos de cards inspirados em plantas baixas, e paleta neutro + azul-aço que transmite precisão sem parecer fria. O portfólio de projetos passou a usar imagens em alta resolução com legenda técnica (área, padrão construtivo, prazo).
Site desenvolvido em HTML/CSS/JS puro, sem CMS ou framework pesado, garantindo carregamento abaixo de 1.8s — fundamental para o público via mobile no canteiro de obras. Implementamos schema markup para Rich Results no Google, melhorando a visibilidade orgânica dos serviços.
Em 90 dias, as solicitações de orçamento pelo site dobraram (2×) e a taxa de rejeição caiu visivelmente nos dados do Google Analytics. Principal aprendizado: o cliente não precisa de um site bonito — precisa de um site que funcione para quem não entende de site. Dados antes do design, sempre.