PPG Marketing
Uma presença digital construída para explicar o serviço em cinco segundos e conduzir a conversa ao WhatsApp.
- Categoria
- Site institucional
- Nicho
- Agência de marketing
- Ano
- 2026
- Papel
- Estratégia de conteúdo, sistema visual e desenvolvimento front-end.
Contexto
Agência de social media, tráfego pago e branding com uma identidade já presente nas redes.
Objetivo
Explicar o serviço em poucos segundos e levar o visitante a uma conversa no WhatsApp.
Tecnologias
- Vite
- TypeScript
- Tailwind CSS
- GSAP
O desafio
A empresa precisava transformar uma identidade já presente nas redes em uma página que deixasse claro o que vende, para quem vende e qual é o próximo passo.
A mensagem foi organizada em uma sequência direta: reconhecer o problema, entender os serviços, ver trabalho real, conhecer o processo e iniciar uma conversa.
Direção visual
Papel quadriculado, amarelo, tipografia condensada e sombras duras levam para a web a linguagem que a marca já usava nos posts.
- Amarelo#F5B400, faixas, barras e botões
- Tinta#0B0B0B, texto, traços e sombras
- Papel#F4F3EF, fundo com grid de 32 px
- DisplayAnton, caixa alta
- TextoArchivo
- SombraDeslocamento duro de 6 a 8 px, sem desfoque
Implementação
Vite e TypeScript sustentam a página, o Tailwind CSS organiza o sistema visual e o GSAP concentra a camada de movimento.
- Página única com âncoras internas
- Posts reais da marca usados como prova visual
- Tailwind CSS 4 com tokens do sistema visual
- GSAP como única camada de movimento
- Imagens responsivas geradas com Sharp
SEO e qualidade
A estratégia e o sistema visual ficaram documentados no repositório para orientar a versão final do site.
- Metadados de compartilhamento e dados estruturados
- Imagens responsivas
- Publicação pelo GitHub Pages
O que este case não afirma
- Apresentado como protótipo publicado. Não há métricas comerciais publicadas.
- Página única, sem CMS nem backend. O conteúdo é atualizado no código.