Todos os trabalhos
Bastidores2026Dono do produto · estratégia, design e front-end

Bastidores: de blog de notícias virais a publicação de crítica, e um negócio melhor

O Bastidores, site brasileiro de crítica de cinema, séries e games, rodava num tema pronto de notícias virais. Redesenhei o site de ponta a ponta, coloquei as críticas na porta de entrada e desenhei os anúncios dentro do layout. Nos 30 dias após o lançamento, as visitas cresceram cerca de 500% e a receita de anúncios por visita subiu 20%, na comparação com os 30 dias anteriores.

~500%Mais visitas nos 30 dias após o lançamento, contra os 30 anteriores
+20%Mais receita de anúncios por visita no mesmo período
1Espaço de anúncio planejado acima da dobra, onde antes não havia nenhum
  • Product ownership
  • Design editorial
  • Monetização
Bastidores®
Produto
Bastidores (nosbastidores.com.br), site brasileiro de crítica de cinema, séries e games e de notícias de cultura pop
Meu papel
Dono do produto: estratégia, design e front-end, de ponta a ponta
Escopo
Identidade, home e templates, mobile, performance e a estratégia de anúncios
Período
Redesign lançado em 2026

01 · Contexto

Um site de crítica com cara de feed de notícia viral.

O Bastidores é um site brasileiro de crítica de cinema, séries e games e de notícias de cultura pop, com uma promessa simples no slogan: Aqui a crítica acontece. O produto é meu, da estratégia e do design ao front-end (um tema WordPress sob medida, em PHP), e o negócio vive de anúncios.

De 2022 a 2026, o site rodou num tema pronto de notícias virais. Funcionava como blog, mas não dizia nada sobre o que fazia o Bastidores diferente, e não tinha nenhum lugar planejado para anúncios, justamente o que sustenta o negócio.

02 · A auditoria

Quatro problemas, visíveis só na home.

01 · Identidade

Um tema de notícia viral num site de crítica

Um tema pronto, feito para quizzes e listas virais. Caixa-alta em tudo, azul genérico, nada que dissesse “aqui a crítica acontece”.

02 · Hierarquia

Três menus antes da primeira matéria

Links de redes sociais, uma barra “Popular · Quente · Tendência”, o menu principal e uma fileira de seis miniaturas, tudo acima da dobra e tudo no mesmo volume.

03 · Conteúdo

Críticas enterradas no feed

As críticas, a razão de o site existir, pareciam uma notícia qualquer, misturadas em listas longas com miniaturas pequenas.

04 · Receita

Anúncios sem lugar próprio

Os anúncios tinham que brigar com o layout por espaço. Cada bloco novo piorava a leitura, e toda página pesava mais do que precisava.

O jeito mais claro de ver o problema é olhar o que o leitor encontrava antes da primeira matéria. O tema antigo empilhava três barras de links e uma fileira de seis miniaturas acima da dobra. O redesign mantém uma linha de notícias, um cabeçalho e um espaço de anúncio planejado, e entrega o resto da tela à crítica.

Acima da dobra · desktop O que ficava acima da dobra, antes e depois.
2022 · tema prontoO que o leitor encontrava antes da primeira matéria
  1. 1–3 Três barras de links no mesmo volume, tudo em caixa-alta
  2. 4 Seis miniaturas minúsculas, críticas e notícias misturadas
  3. → A primeira matéria começa abaixo da dobra
2026 · redesignUma linha de notícias, um cabeçalho, e então a crítica
  1. 1–2 Um ticker preto e um único cabeçalho no lugar de três barras
  2. 3 O anúncio tem lugar próprio, decidido junto com o layout
  3. 4 Um mosaico puxado por uma crítica abre a página

Esquema, fora de escala. Reconstruído a partir da home de 2022 arquivada e do redesign de 2026 mostrado abaixo.

Antes · 2022
Depois · 2026

03 · A aposta

Fazer crescer a audiência e o negócio, juntos.

A maioria dos sites de mídia trata isso como uma troca: mais anúncio, leitura pior, menos tráfego. Eu tratei como um problema de produto só, e desenhei os dois lados ao mesmo tempo.

A aposta Um produto, duas alavancas que costumam brigar entre si.
AudiênciaDar às pessoas um motivo para chegar, ficar e voltar: crítica na frente, hierarquia clara, páginas rápidas no celular.
  • Críticas como porta de entrada
  • Identidade editorial
  • Páginas mais leves, mobile first
ReceitaAumentar a receita sem cobrar pedágio da leitura: menos anúncios, mais bem posicionados, que fazem parte do grid.
  • Espaços de anúncio desenhados no layout
  • Espaço reservado, sem a página pular
  • Um canal direto para anunciantes

A regra para toda decisão: um anúncio que piora a leitura custa mais audiência do que rende.

04 · O redesign

A crítica como porta de entrada.

A nova home abre com um mosaico das críticas e matérias que importam no dia, seguido das seções de crítica de cinema e de games, e só depois vem o fluxo de notícias. Um ticker preto deixa as últimas manchetes a um olhar de distância, e a identidade toda trocou um azul genérico por papel, tinta e uma fonte serifada nos títulos.

Bastidores®
O sistema editorial Um tema pronto trocado por uma identidade editorial.
Bastidores®O ícone da cadeira de diretor, mantido do logo antigo, com um logotipo em serifa pesada
Aa
FrauncesTítulos e nomes de seçãoInterTexto corrido, feito para leituras longasJetBrains MonoRótulos, chips, o ticker de notícias
PapelTintaUrgenteCategoria
Críticas de CinemaCríticas de GamesÚltimas do Bastidores

05 · Estratégia de anúncios

Anúncios como componentes do sistema.

Decidi onde os anúncios ficam antes de desenhar o layout: um espaço abaixo do cabeçalho e blocos entre as seções do feed. A leitura fica tranquila, e os anúncios param de competir com as matérias.

Estratégia de anúncios Anúncios desenhados como parte da página.
  1. Lugares planejadosOs anúncios moram em lugares decididos junto com o layout: abaixo do cabeçalho e entre as seções do feed.
  2. Menos anúncios, mais bem posicionadosUm espaço abaixo do cabeçalho e anúncios no feed entre as seções, para as matérias seguirem em destaque.
  3. Duas fontes de demandaUma rede de anúncios para preencher os espaços, e um canal direto com as marcas (“Quer anunciar? Manda um email pro Matheus”).

Cada espaço é um componente com regras próprias. Ele é sinalizado, guarda o tamanho antes de o anúncio carregar e só aparece entre seções, então a página nunca pula e um anúncio nunca se passa por matéria.

Anatomia do componente · espaço de anúncio no feed Um espaço de anúncio com regras próprias.
  1. 1
    Sinalizado“Publicidade” aparece em todo espaço, para um anúncio nunca se passar por matéria.
  2. 2
    Espaço reservadoA caixa guarda o tamanho antes de o anúncio carregar, então as matérias em volta não pulam.
  3. 3
    Entre seções, no gridOs espaços só aparecem abaixo do cabeçalho ou entre fileiras do feed, nunca no meio de uma fileira de matérias.
  4. 4
    Do tamanho de cada telaO mesmo componente no celular, com um formato pensado para a tela.

06 · Mobile

Chegar mais rápido à primeira matéria no celular.

No celular, o site antigo empilhava uma barra de menu, uma faixa de assuntos em alta e uma fileira de miniaturas minúsculas antes da primeira matéria. O novo abre direto na matéria, com seções e espaços de anúncio do tamanho da tela.

Bastidores®

O redesign também carrega menos. Sem os menus extras, os widgets de barra lateral e os blocos repetidos do tema pronto, o HTML da home caiu de cerca de 200 KB para cerca de 52 KB. Isso pesa mais no celular, onde tanto a primeira matéria quanto os anúncios precisam carregar.

Performance como design A home agora carrega cerca de um quarto do HTML de antes.
Tema antigo
~200 KB
Redesign
~4× mais leve
~52 KB
O que saiu da home
  • Duas das três barras de navegação
  • A fileira de seis miniaturas acima da dobra
  • Widgets da barra lateral: newsletter, rankings, discussões
  • Fileiras repetidas de links para redes sociais
LeituraMenos coisa para baixar no celular antes da primeira matéria.
ReceitaPágina mais leve é inventário de anúncios melhor.

Só o HTML da home, medido em snapshots arquivados (abril e maio de 2026). Barras em escala.

07 · Impacto

Uma audiência muito maior, e um negócio mais rentável.

Impacto

Mais gente lendo, e um site mais lucrativo.

~500%Mais visitas nos 30 dias após o lançamento, contra os 30 anteriores
+20%De receita de anúncios por visita, no mesmo período
~4×Mais leve: o HTML da home caiu de cerca de 200 KB para cerca de 52 KB
Críticas como porta de entradaEspaços de anúncio desenhadosMobile first

Visitas e receita de anúncios por visita medidas nos 30 dias após o lançamento contra os 30 dias anteriores, com o mesmo ritmo de publicação, a partir do analytics e dos relatórios de anúncios do próprio site. Peso do HTML medido em snapshots arquivados da home (abril e maio de 2026).

08 · Por que importa

O que tocar meu próprio produto diz sobre como eu trabalho.

O que eu manteria
  • Decidir onde os anúncios moram antes de desenhar o layout. Espaços reservados e sinalizados são o motivo de a página nunca pular
  • A crítica como porta de entrada. O mosaico de críticas mostra do que o site trata, coisa que o tema antigo nunca fez
O que eu mudaria
  • Medir por mais tempo: 30 dias mostram que o lançamento deu certo, mas ainda não se a audiência fica
  • Desenhar a página de matéria com o mesmo cuidado da home desde o começo, porque é nela que a maioria dos leitores chega
01Toquei um produto de ponta a ponta, da audiência à receitaAudiência, design, front-end e receita nas mesmas mãos, então cada escolha entre leitura e receita era minha.
02Desenhei o modelo de negócio dentro do layoutOs anúncios viraram componentes do sistema, com tamanhos, regras e lugar no grid.
03Pus o que importa na frenteA crítica é o motivo de as pessoas escolherem o Bastidores, então as críticas viraram a estrutura da home.
04Tratei performance como designUma página mais leve no celular é uma leitura melhor e um inventário de anúncios melhor.
05Medi contra uma linha de baseVisitas e receita lidas nos 30 dias após o lançamento contra os 30 anteriores, com o mesmo ritmo de publicação.
06Entreguei tudo, do começo ao fimIdentidade, templates, mobile e um tema WordPress sob medida, escrito para uma pessoa só dar conta de manter.
Próximo case · Pagaleve Combina Antes: o cliente remarca o pagamento antes de atrasar