Proposta de desenho da página de anúncios
12/11/2026 · aprovada e publicada às 19h32

A mesma página, com um desenho mais limpo.

Comparei a página que está nos anúncios com os sites, propostas e apresentações que fizemos nos últimos dois meses. O conteúdo fica igual: texto, botões, mensagens do WhatsApp e medição. Muda o desenho, e a página ganha modo claro e escuro.

Abrir a versão clara Abrir a versão escura

Nesta prévia nada é medido e o WhatsApp não abre: aparece a mensagem que seria enviada.

O que muda

Hoje e proposta, lado a lado

As telas são da versão de locação, a que mais recebe visitas. Toque numa imagem para ver em tamanho cheio.

Proposta em

Primeira tela

Hoje o fundo é escuro, com manchas de luz em movimento, textura e título em degradê rosa e azul. Na proposta o fundo é liso, o texto é em tinta e o rosa oficial da marca fica como única cor de destaque. O azul do degradê atual é o tom da AV2Go. O topo vira uma barra em pílula, com o botão de tema ao lado do botão de orçamento.

Primeira tela no celular, proposta clara — Proposta clara

Primeira tela no celular, proposta escura — Proposta escura

Primeira tela no computador, como está hoje — Hoje

Primeira tela no computador, proposta clara — Proposta clara escura

Primeira tela no computador, proposta escura — Proposta clara escura

Títulos e leitura

Títulos mais leves (peso 600, hoje 800 e 900), alinhados à esquerda, com o texto de apoio ao lado. São as fontes dos nossos projetos recentes: Outfit nos títulos e Plus Jakarta Sans no texto.

Acervo

As 12 etiquetas viram um índice em linhas, ao lado do número. Cada linha passa de 42 para 52 px de altura no celular, mais fácil de acertar com o dedo. Tocar continua abrindo a ficha curta.

Seção do acervo no computador, proposta clara — Proposta clara escura

Seção do acervo no computador, proposta escura — Proposta clara escura

Seção do acervo no celular, como está hoje — Hoje

Seção do acervo no celular, proposta clara — Proposta clara escura

Seção do acervo no celular, proposta escura — Proposta clara escura

Soluções e segmentos

Saem as caixas com ícone em degradê e brilho. As soluções viram uma grade de fios finos, quatro por linha, sem sobra. Os segmentos viram linhas, com a descrição ao lado.

Seção de soluções, como está hoje — Hoje

Seção de soluções, proposta clara — Proposta clara escura

Seção de soluções, proposta escura — Proposta clara escura

Seção de segmentos, como está hoje — Hoje

Seção de segmentos, proposta clara — Proposta clara escura

Seção de segmentos, proposta escura — Proposta clara escura

Seção de soluções no celular, como está hoje — Hoje

Seção de soluções no celular, proposta clara — Proposta clara escura

Seção de soluções no celular, proposta escura — Proposta clara escura

Seção de segmentos no celular, como está hoje — Hoje

Seção de segmentos no celular, proposta clara — Proposta clara escura

Seção de segmentos no celular, proposta escura — Proposta clara escura

Cases

Foto maior e sem caixa. O número principal de cada case aparece em rosa e as especificações viram uma linha de texto.

Seção de cases, proposta clara — Proposta clara escura

Seção de cases, proposta escura — Proposta clara escura

Um case no celular, como está hoje — Hoje

Um case no celular, proposta clara — Proposta clara escura

Um case no celular, proposta escura — Proposta clara escura

Etapas e comparativo

Fios finos no lugar de círculos e caixas. No celular o comparativo deixa de rolar para o lado: hoje a tabela tem 560 px de largura numa área de 347 px, e a coluna dos vários fornecedores fica cortada. Na proposta as duas respostas aparecem juntas.

Seção de etapas, proposta clara — Proposta clara escura

Seção de etapas, proposta escura — Proposta clara escura

Seção de etapas no celular, como está hoje — Hoje

Seção de etapas no celular, proposta clara — Proposta clara escura

Seção de etapas no celular, proposta escura — Proposta clara escura

Comparativo no celular, como está hoje — Hoje

Comparativo no celular, proposta clara — Proposta clara escura

Comparativo no celular, proposta escura — Proposta clara escura

Ficha curta e barra verde

Mesma posição, mesmo texto e mesmo botão verde. Só o desenho acompanha o tema.

Ficha curta aberta no celular, como está hoje — Hoje

Ficha curta aberta no celular, proposta clara — Proposta clara escura

Ficha curta aberta no celular, proposta escura — Proposta clara escura

Chamada final, rodapé e logos

O bloco em degradê vira um painel escuro com o botão em rosa. No claro entra o logo positivo da AV2Play, da pasta de rebranding. O logo do Nobox Group passa a ser o oficial: colorido no claro, todo branco no escuro. Hoje a página usa a variante azul e branca, fora do padrão da marca.

Chamada final e rodapé, como está hoje — Hoje

Chamada final e rodapé, proposta clara — Proposta clara escura

Chamada final e rodapé, proposta escura — Proposta clara escura

Bloco do Nobox Group, como está hoje — Hoje

Bloco do Nobox Group, proposta clara — Proposta clara escura

Bloco do Nobox Group, proposta escura — Proposta clara escura

Fontes e movimento

As fontes passam a vir da própria página, sem pedido ao Google Fonts. Saem o fundo animado, o brilho que seguia o mouse e o degradê em movimento do título: no computador eram 7 animações rodando ao abrir, agora nenhuma.

Modo claro e escuro

A página abre no claro. O botão de lua e sol, no topo, troca para o escuro, e a escolha fica guardada no aparelho. Se você preferir que ela abra no escuro, é uma linha.

O que não muda

Conteúdo e medição ficam como estão

O texto. Comparação automática das 6 versões, palavra por palavra, com a página que está no ar.
Links e mensagens. Mesmas mensagens do WhatsApp e mesmo código de origem do anúncio.
Comportamento. Ficha curta, barra verde no celular, vídeo e ordem das seções de cada versão.
Medição. Google, Meta e Clarity, com os mesmos eventos.
Rotas. Cada grupo de anúncio continua caindo na sua versão.

Conferido em 939 verificações no navegador Chromium (6 versões, 4 tamanhos de tela, toque, ficha, WhatsApp, medição, tema e contraste de texto nos dois modos) e em 28 telas no motor do Safari, de iPhone e de computador, sem erro.

Ao vivo

As 6 versões

Versão	Abrir
Locação	clara	escura
Estandes	clara	escura
Geral	clara	escura
Corporativo	clara	escura
Congressos	clara	escura
Grande porte	clara	escura

Decidido em 12/11

Publicada, com teste entre claro e escuro

No ar nas 6 versões.O desenho novo entrou na página dos anúncios em 12/11, às 19h32. A volta para a versão anterior é um comando.
Claro ou escuro: quem decide é o teste.Metade dos cliques de anúncio abre no claro e metade no escuro. O lado sai do próprio código do clique, então dá para saber de que lado veio cada conversa do WhatsApp, sem instalar nada novo. O botão de lua e sol continua valendo para quem quiser trocar.
Leitura.Em 27/11, só para conferir se a divisão está certa. Em 11/12, decisão, se a diferença for grande. São cerca de 220 cliques e 12 conversas por semana: diferença pequena não aparece com esse volume.
Parede de logos e fotos da primeira tela.Ficaram como estão. Uma grade com menos marcas e fotos escolhidas para o topo dependem de material: a lista de marcas e as fotos.