Creative
Site para produtora de filmes publicitários, com showreel em vídeo, vitrine de produções filtrável e uma cena de máquina de escrever ilustrada do zero.
- Site institucional
- UX/UI Design
- Desenvolvimento
- Responsivo
- Vídeo e animação
- Formulário de briefing
A Creative é uma produtora audiovisual especializada em filmes publicitários, animação 3D, vídeo 360° e roteiro criativo. A Codivo desenvolveu o site institucional da produtora, pensado para que o próprio conteúdo dela — o vídeo — seja o protagonista da experiência.
Para uma produtora, o site é também uma peça de portfólio: precisava ter linguagem de cinema, exibir filmes com qualidade e fugir do visual de site institucional genérico. Além disso, os filmes originais estavam em formatos que a maioria dos navegadores não reproduz, e nomes de clientes só poderiam ser exibidos quando confirmados no próprio material.
Um site editorial com abertura em vídeo (showreel) e identidade visual em vinho, papel claro e tipografia condensada. Os filmes ficam no centro: uma vitrine filtrável por categoria, páginas individuais com player enxuto e uma cena de máquina de escrever que "digita" os títulos das produções. Os vídeos foram convertidos para MP4 (H.264, 1080p) e ganharam prévias leves para carregar rápido.
Principais entregas do projeto
- Abertura em vídeo (showreel) em tela cheia, com controle de som
- Vitrine de produções com filtro por categoria (Realista, 3D / Animação e 360°) e página individual para cada filme
- Player de vídeo enxuto, só com pausa e som, que pausa sozinho quando sai da tela
- Cena de máquina de escrever ilustrada em vetor, do zero, que digita os títulos das produções em destaque — respeitando a preferência por movimento reduzido
- Seção de serviços (filmes realistas, animação e 3D, vídeo 360° e roteiro criativo) e processo em cinco etapas: estudo, storytelling, roteiro, produção e resultado
- Formulário de briefing que monta a mensagem do projeto e abre a conversa direto no WhatsApp da produtora
- Vídeos otimizados para a web (MP4, H.264, 1080p) e prévias curtas geradas para os filmes em destaque
- Novos filmes entram no site editando um único arquivo de dados, sem mexer nas páginas
- Imagem de compartilhamento (Open Graph) gerada automaticamente para cada página
A decisão central foi deixar o conteúdo falar por si: o vídeo abre a página, cada filme ganha uma moldura escura para ser assistido sem distração, e o restante da interface usa papel claro e tipografia condensada para não competir com a imagem. A máquina de escrever conecta a ideia central da marca — "antes da câmera, existe uma ideia" — ao movimento da página, transformando a lista de produções em uma cena em vez de uma grade comum.
Desktop, mobile e detalhes da interface
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Vercel
O que mudou na prática
Site publicado e no ar, com produções realistas e em animação 3D, pronto para receber novos filmes e com contato direto pelo WhatsApp da produtora.
Gostou do que viu? Vamos construir o próximo projeto juntos.
Conte um pouco sobre o seu negócio e receba um atendimento para entender qual solução faz mais sentido para o seu projeto.