Texto só com o que existe
Cada função citada no site foi conferida no código dos sistemas.
Marca Norte
Logo, site e filme de marca da Norte, feitos do zero e no ar.
- Astro
- GSAP
- Lenis
- Playwright
- Umami
O problema
A Norte vendia sistemas e consultoria com um site genérico e sem uma marca consistente entre os produtos. Cada sistema tinha um visual próprio e não havia material pronto para redes sociais, propostas ou vídeo.
O que eu fiz
- Símbolo oficial (o N com o foguete subindo) e a família de marcas dos produtos, com kit de cores, fontes, papelaria e manual.
- Site institucional novo em Astro, com animações ligadas ao scroll e prints reais dos sistemas, no ar em norteparanegocios.com.br.
- Analytics próprio, com eventos de WhatsApp, diagnóstico e calculadora.
- Animações de entrada do logo em Remotion, nos formatos 16:9, 1:1 e 9:16.
- Filme de marca de 54 segundos feito em Blender, com trilha gerada por código e versão vertical para Reels.
Destaques
Prints reais, sem vazar dado
Telas oficiais dos sistemas, com nomes e valores de cliente desfocados.
Site testado
Bateria de testes automatizados no navegador e deploy com rollback.
Filme com trilha própria
Música gerada por código, master em ProRes e versão nativa para Reels.
Em números
- testes automatizados no site
- ~225
- de filme de marca, em 1080p
- 54 s
- arquivos no kit de marca
- 614
Tecnologias
- Astro
- GSAP
- Lenis
- Playwright
- Umami
- Remotion
- Blender
- Python
- ffmpeg
Próximo projeto, TransmonsegKPI de Entregas
