BMJ Studios
← Todos os trabalhos

BMJ News

Cinema, games e séries com cara de veículo, não de blog.

Cliente
Projeto próprio
Segmento
Mídia · Cultura pop
Ano
2026
Escopo
Identidade · UX/UI · Desenvolvimento · Automação editorial
Visitar o site → bmjnews.com.br
bmjnews.com.br
BMJ News — página inicial

O problema

Portal de cultura pop disputa segundo de atenção com agregador e com gigante do setor. Quem chega depois não ganha no volume bruto, e tentar ganhar assim é o caminho mais rápido pra virar mais um.

A aposta foi em cara de veículo: capa com manchete forte, editoria navegável e página de matéria limpa. O leitor decide se confia no site antes de ler a primeira linha.


O que eu fiz

A home funciona como capa de revista: uma manchete grande, blocos por editoria e hierarquia que deixa claro o que é destaque. A página de matéria é enxuta e feita pra leitura, sem o cerco de blocos relacionados que atrapalha mais do que retém.

O que sustenta a cadência é o mesmo pipeline do Escrito pela IA: pauta pesquisada, rascunho montado com pacote de SEO e capa, revisão humana antes de publicar. Filtro por serviço de streaming e calendário de eventos do setor entram como utilidade, porque é o tipo de coisa que o leitor volta pra consultar.

Automação no processo, humano na voz

Mesma regra do Escrito pela IA. A máquina monta o rascunho e o pacote técnico; a decisão editorial e a revisão continuam com gente. É o que permite cadência diária sem time.

Por dentro

Matéria de cultura pop: a arte do material é a única coisa colorida da tela
Matéria de cultura pop: a arte do material é a única coisa colorida da tela
Editoria de filmes, com o card sem enfeite pra não competir com o pôster
Editoria de filmes, com o card sem enfeite pra não competir com o pôster
Quadro de lançamentos, um dos formatos recorrentes do portal
Quadro de lançamentos, um dos formatos recorrentes do portal

Documentação do projeto

Direção de arte

Cultura pop tem tudo pra virar bagunça visual: pôster de filme, capa de game e arte de anime brigando na mesma tela. A solução foi tratar o site como moldura de galeria — fundo quase preto, card sem enfeite, e a arte do material sendo a única coisa colorida. O rosa-vermelho do acento não aparece em imagem nenhuma de estúdio, então nunca compete com a capa.

Tipografia

  • Aa
    Montserrat

    Manchete e navegação. Geométrica e larga, aguenta caixa alta sem parecer agressiva.

  • Aa
    Inter

    Corpo de matéria e interface.

Paleta

  • #0B0B0E Fundo
  • #15161B Card
  • #F3F5F7 Texto
  • #FF3C5F Acento

Por que essa stack

Mesmo motor do Escrito pela IA, apontado pra outra pauta. Isso foi decisão, não preguiça: um pipeline editorial só, mantido num lugar, alimentando dois portais com editoria e voz diferentes. Consertar uma vez conserta os dois.

WordPressAPI editorialRank MathCapas automatizadas

Detalhes

Onde os dois portais divergem

O que muda entre eles é a lista de fontes, o prompt de voz e o template de capa. O resto — agendamento, SEO, publicação, imagem destacada — é o mesmo código.


Em números

O que foi construído, contado no próprio site.

9

editorias, de filme e série a anime, mangá e quadrinho

6

serviços de streaming como filtro de navegação

1

pessoa tocando a operação inteira

Stack

WordPressAPI editorialRank MathCapas automatizadas

Eu abro seu site de graça e te digo o que está travando.

Manda o link e eu olho hoje: velocidade, checkout e o que o Google e as IAs leem da sua página. Te respondo o que está atrapalhando — ou que está tudo certo, se estiver. Ainda não tem site? Me conta o que você vende.

Mandar o link no WhatsApp →

Mandar o link por e-mail

Quem responde sou eu, no mesmo diaSe não for caso pra mim, eu falo na horaPreço fechado por projeto, sem mensalidade