01
Imersão na identidade
A marca veio antes do site. Símbolo, Khand, azul-escuro e laranja, tudo que definimos na identidade virou regra de cada tela. A linha diagonal e o bullet de três traços assinam cada página.
← cases da zoomin
marca + site + admin · 2026
marca + site + admin · 2026
30 anos de tradição, zero dependência de agência.
Da marca ao site: criamos a identidade, demos movimento a ela e entregamos um painel em que a equipe do Locatelli Group publica, traduz e mede tudo sozinha.
- 0+anos de história da marca
- 0verticais em 4 frentes
- 0escritórios no mapa
- 0idiomas, PT e EN
- 0insights publicados
- 0%editável pelo cliente
o desafio
Uma consultoria de 30 anos
que ainda não existia na internet.
O Locatelli Group tinha 30 anos de história, oito verticais de serviço e escritórios em quatro cidades. Mas não tinha site, e a marca não contava nada disso. Começamos do zero: primeiro a identidade, depois a casa dela na internet.
Criar uma marca à altura da história
Um símbolo, uma paleta e uma tipografia que traduzem solidez sem parecer antigas.
Organizar oito verticais sem confundir
BPO, Auditoria, Tributária, M&A, Implantação BR, Benefícios & Seguros, Talentos e Tecnologia.
Deixar o controle com o cliente
Publicar um insight, trocar uma foto ou adicionar um escritório sem abrir chamado.
a marca
Antes do site,
a marca.
duas formas ascendentes · o L no espaço negativo
Duas formas que sobem, lado a lado, e revelam a letra L no espaço entre elas. Crescimento e solidez na mesma figura.
Símbolo
Duas formas ascendentes. O vazio entre elas desenha o L de Locatelli: o que a empresa constrói junto com o cliente.
Cores
Azul-escuro para força e confiança. Laranja, sempre pontual, para energia e destaque. Cinzas para equilíbrio.
Tipografia e assinatura
Khand condensada nos títulos, Inter no texto. A linha diagonal e o bullet de três traços acompanham a marca em tudo que ela toca.
tradition you can trust
processo criativo
Da imersão na marca
ao painel de administração.
02
Arquitetura do conteúdo
Oito verticais agrupadas em quatro frentes, um mega menu que explica tudo de uma vez e páginas de serviço com a mesma estrutura, para o visitante nunca se perder.
03
Design e movimento
Hero com partículas em WebGL, fotos sempre em corte diagonal e transições suaves. Movimento que reforça a marca sem virar distração.
04
Admin e automação
Um painel próprio, em português, onde cada texto, foto e link do site é um campo. O cliente edita e vê o resultado ao vivo, antes de publicar.
telas
Toque para ver
em tela cheia.
admin & automação
O site trabalha
enquanto a equipe dorme.
Tudo que antes dependia de agência virou um campo no painel ou uma rotina automática.
- Pré-visualização ao vivo. Edita de um lado, vê o site do outro, publica quando gostar.
- Conteúdo bilíngue. Cada campo tem versão em português e inglês, com endereços e metadados próprios por idioma.
- Insights com autores e categorias. Blog completo, com destaque na home controlado por uma caixa de seleção.
- Contato que não se perde. Formulário salva a mensagem no painel e dispara e-mail para a equipe, com botão de WhatsApp em todas as páginas.
- Integrações sem código. Google Analytics, Tag Manager, Meta Pixel e LinkedIn entram por um formulário nas configurações.
- SEO automático. Títulos, descrições, sitemap, robots e hreflang gerados a partir do conteúdo.
- Publicação instantânea. Salvou, o site atualiza. Sem build, sem espera, sem chamado.
painelPayload CMS
por baixo do capô