Estudo de caso · 2026
Labaco Produções
Produtora audiovisual. O reel abre a página e o restante do site sustenta a conversa, do posicionamento da marca até o briefing.
- Cliente
- Labaco Produções
- Segmento
- Produtora audiovisual
- Entrega
- Site institucional
- Ano
- 2026
- No ar
- No arlabacoproducoes.com.br
01 · O site
Rolando do começo ao fim
Gravação da rolagem do site publicado. Para navegar, abra o site no ar.
02 · O desafio
Uma produtora vende pelo que já filmou. O site precisava deixar o trabalho falar primeiro e, logo depois, transformar o interesse em briefing.
03 · A resposta
Página escura que funciona como uma sala de projeção: o reel na abertura, as frentes de produção em seguida e um formulário de contato direto, sem distração.
- Site institucional
- Reel na abertura
- Formulário de briefing
- SEO on-page
04 · Como foi feito
Sete etapas, uma equipe
Cada etapa tem uma frente responsável e um ponto de aprovação antes da seguinte. A IA entra como ferramenta, nunca como autora.
- 01Estratégia e conteúdo
Imersão
Levantamento dos trabalhos, dos serviços e de como os clientes chegam até a produtora.
- 02UX e arquitetura
Estratégia e conteúdo
O vídeo abre, os serviços explicam e o briefing fecha.
- 03Direção de arte
Arquitetura e wireframes
Página única escura com o reel em destaque e blocos curtos de serviço.
- 04Motion e interação
Direção de arte
Preto, branco e um vermelho profundo da marca, para a imagem dos vídeos brilhar.
- 05Desenvolvimento
Desenvolvimento
Site em WordPress com o reel em destaque logo na abertura.
- 06SEO, AEO e dados
SEO, AEO e performance
Metadados, títulos e estrutura de serviços pensados para busca.
- 07Qualidade e performance
Testes e entrega
Revisão em desktop e celular antes da publicação.
05 · Do wireframe ao layout
A estrutura antes da arte
A página inteira, de cima a baixo. Arraste a divisória: de um lado a estrutura (blocos, títulos, fotos e botões), do outro o layout final. Role dentro do quadro.
06 · Direção de arte
Cores e tipos
- Preto#000000
- Café#382e28
- Vermelho profundo#660003
- Areia#ccc1b3
- Branco#ffffff
07 · Quem pensou cada parte
Sete frentes, um site
- 01
Estratégia e conteúdo
Quem chega, o que precisa entender e em que ordem. Define a história antes de qualquer tela.
- 02
UX e arquitetura
Mapa da página, wireframes e o caminho até o contato, testado no celular primeiro.
- 03
Direção de arte
Paleta, tipografia, fotografia e o elemento de assinatura que torna o site reconhecível.
- 04
Motion e interação
O que se move, por quê e em que velocidade. Tudo respeita quem pede movimento reduzido.
- 05
Desenvolvimento
Código próprio, sem construtor visual: HTML leve, CSS crítico embutido, painel quando o cliente precisa.
- 06
SEO, AEO e dados
Estrutura para o Google e para as IAs: schema, FAQ de respostas, metadados e consentimento LGPD.
- 07
Qualidade e performance
PageSpeed, acessibilidade, segurança e teste em desktop e celular antes de entregar.
Quer um site assim?
Conte o seu projeto. A Bertoni responde no mesmo dia, pelo WhatsApp ou e-mail.