Produtora de vídeo vive de imagem em movimento e, muitas vezes, apresenta o próprio trabalho numa página parada. Um site para produtora de vídeo resolve essa contradição quando abre com o reel, organiza o portfólio pelo formato que o cliente procura e deixa a equipe atualizar tudo sem depender de ninguém.
Foi com essa ideia que desenhei o site da 8 Milímetros, produtora audiovisual de São Paulo. O site declara 16 anos de mercado e uma equipe in-house que cuida de roteiro, captação e pós-produção.
Uma produtora assim tem material de sobra. O trabalho do site é organizar esse material para quem precisa contratar. Abaixo, a anatomia da página, na ordem em que o visitante percorre.
O site para produtora de vídeo é a primeira peça do portfólio
Quem contrata produção audiovisual começa a julgar a produtora antes de apertar o play. O gerente de marketing que abre o site já está avaliando ritmo, enquadramento e cuidado com detalhe, mesmo sem perceber.
Se a página é genérica, a dúvida aparece antes de o primeiro vídeo carregar. Por isso trato o site como mais uma peça que sai da produtora. Ele precisa ter direção, luz e corte, como qualquer filme dela.
No projeto, isso virou uma direção de design registrada no documento do sistema visual como "black-first cinematográfico". A base é escura, quase preta. O verde da marca aparece só como acento, em botões, filetes e números. As cores complementares do manual da marca ficaram fora da página, guardadas para campanhas pontuais.
Uma produtora não precisa dizer que cuida da imagem. O site mostra isso antes de qualquer frase.
Primeira dobra: o reel no lugar do slogan
Na maioria dos sites institucionais, a primeira dobra é uma frase de efeito com um botão. Numa produtora, a frase mais forte é o próprio reel.
O levantamento do portfólio feito no início do projeto mostrou que um mesmo vídeo, o reel principal, aparecia em todas as categorias do site. A decisão foi tratá-lo como o vídeo do topo. Ele ocupa o fundo da primeira dobra, e o texto por cima é mínimo:
- o nome da produtora em tipografia leve, com o 8 no verde da marca;
- uma linha dizendo o que ela faz, onde fica e desde quando;
- quatro rótulos pequenos nos cantos (Publicidade, Documentário, Eventos & Transmissão e São Paulo), que lembram as marcações de um visor de câmera;
- um único botão, que leva ao portfólio.
No celular, a composição se mantém, com os rótulos nos cantos e o botão logo abaixo do nome. O rótulo São Paulo também trabalha: diz, antes do pedido de orçamento, onde fica a equipe que vai ao set. Para a capital paulista, mantenho uma página à parte sobre marcas que disputam atenção em São Paulo.
Quem chega ali já sabe que está diante de uma produtora. Não precisa de slogan explicando. Precisa ver a imagem e saber para onde ir depois. Cada palavra a mais no topo compete com o vídeo, e o vídeo sempre deveria ganhar.
Sobre: a única seção clara da página
Depois de uma primeira dobra escura, a seção Sobre muda o ambiente. O fundo passa a ser creme e o título, "Histórias contadas com técnica e propósito", aparece em serifa itálica.
Contraste só funciona quando é raro. Se metade da página fosse clara, a mudança perderia força. Numa página escura de ponta a ponta, uma única pausa clara faz o visitante desacelerar exatamente onde a produtora conta quem é.
O resto da página segue a mesma lógica de roteiro. As seções principais têm rótulos de capítulo em fonte monoespaçada: "Cap. 01" no Sobre, "Cap. 02" nas Soluções, "Cap. 03" nos Depoimentos. A página se lê como um filme dividido em partes.
Perto do fim, a página volta para o set. A chamada para orçamento tem foto de set ao fundo, textura de grão de filme, bordas de película e uma marcação de gravação com contador de tempo. É decoração, mas decoração que só faz sentido numa produtora.
Portfólio com 98 vídeos, 13 filtros e nenhum labirinto
Noventa e oito vídeos é muito material. Jogado numa grade única, vira rolagem sem fim e ninguém encontra nada.
As 13 categorias que o portfólio já usava foram mantidas, e fazia sentido. Elas refletem como o comprador pensa. Ninguém procura "um vídeo bonito". Procura um vídeo de treinamento, a cobertura de um evento, um documentário, uma ação para redes sociais.
Três decisões deixaram esse volume navegável:
- Filtro antes da grade. A pessoa escolhe o formato e vê só o que interessa.
- Player sobre a própria página. O vídeo abre numa janela por cima do portfólio. A pessoa assiste, fecha e continua de onde parou, sem ser levada para outro site.
- Depoimentos em vídeo como peça central da prova. O vídeo com clientes da produtora ganhou destaque próprio, fora da grade.
Parece um problema de quantidade. Na verdade é um problema de corte, e corte é exatamente o que explico quando falo por que simplicidade é mais difícil do que complexidade. Quando o produto é imagem ou som, a prova também precisa ser, como mostro ao analisar a página de um músico que usa vídeo como prova.
Uma página para cada tipo de produção
A home fala com quem já conhece a produtora ou chegou por indicação. Mas muita gente chega pelo Google procurando algo específico: produção de documentários, vídeos comerciais, webséries, vídeos em 360 graus.
Para essas buscas, uma home com seis frentes de atuação é genérica demais. Por isso cada tipo de produção ganhou página própria, com título próprio e conteúdo sobre aquele formato. Quem procura uma produtora de webséries encontra uma página que fala só disso, com o botão de orçamento à mão.
Todas seguem a mesma espinha: trilha de navegação no topo, título com o nome do formato, texto sobre aquele tipo de produção em blocos numerados e o botão de orçamento no início e de novo no fim. A estrutura igual facilita manter muitas páginas no ar. O conteúdo diferente é o que faz cada uma responder à sua própria busca.
Um cuidado que não aparece na tela: os endereços antigos continuam levando a uma página útil. Trocar de site sem esse cuidado apaga de uma vez o caminho que o Google já conhecia.
Nem todo negócio precisa dessa estrutura. O site de um executivo que virou palestrante cabe numa página só, porque vende quatro soluções e uma pessoa. Uma produtora com seis frentes e treze formatos precisa de mais portas de entrada. É o tipo de arquitetura que defendo em sites institucionais para empresas que vendem pela imagem: a home apresenta, as páginas internas respondem buscas.
Portfólio que muda sem pedir ajuda
Produtora entrega trabalho novo o tempo todo. Um portfólio que depende de pedir alteração envelhece rápido, e o melhor trabalho do ano fica fora do site justamente quando mais importa.
O site da 8 Milímetros tem painel administrativo. Por ele, a equipe:
- edita os textos das seções da home;
- atualiza as páginas de cada tipo de produção;
- adiciona e edita vídeos no portfólio;
- envia imagens para a biblioteca de mídia;
- acompanha os contatos que chegam pelo formulário.
O formulário conversa com o portfólio. Ao pedir orçamento, a pessoa escolhe o formato da produção numa lista com os mesmos tipos de vídeo que o portfólio mostra, e ainda tem a opção de dizer que não sabe e prefere conversar. O pedido chega com esse contexto, e a conversa começa pelo formato certo.
O site deixa de ser um retrato do dia da entrega e passa a acompanhar a produtora.
Se a sua produtora tem mais trabalho bom do que o site consegue mostrar, me conta onde os seus melhores vídeos estão guardados e eu mostro por onde começaria a montar a página.
