Ir para o conteúdo principal
Ir para o painel
Não sabe por onde começar? Faça um pequeno teste para receber recomendações personalizadas.
Folha de S.Paulo

Novo sistema de design aprimora a experiência de notícias online.

A Folha de S.Paulo reformulou seu antigo sistema de design para melhorar o fluxo de trabalho da redação e entregar conteúdo mais rapidamente aos leitores de notícias que estão sempre em movimento.

Surfando nas ondas da mudança

Há mais de 100 anos, a Folha de S.Paulo figura entre os jornais mais influentes do Brasil, dedicada ao jornalismo independente e à “defesa da democracia”. A Folha se mantém relevante graças à adoção de tecnologias digitais que engajam leitores de todas as idades, oferecendo notícias atualizadas em formatos de fácil compreensão em diversas plataformas e dispositivos.

“Sempre optamos por vozes diversas, perspectivas diversas e ideias diversas para dar visibilidade a questões importantes”, afirma Camila Marques, editora-chefe e veterana da redação da Folha desde 2004. “Isso nos tornou eficazes há 100 anos e nos torna eficazes agora.” Nos últimos anos, o jornal tem se esforçado para atrair leitores mais jovens que preferem se informar em qualquer lugar, por meio de seus celulares.

Para maximizar o engajamento do usuário em um mundo onde o celular é a prioridade, o sistema de design legado da Folha precisava de uma reformulação completa. Seus objetivos eram ambiciosos e incluíam aumentar a velocidade de download, aprimorar a segurança e otimizar a produção.

Reformulação do sistema de projeto

A Folha é parceira de longa data do Google no Brasil. Uma das colaborações em andamento é um projeto gigantesco para digitalizar 2,5 milhões de fotos e 6 mil charges políticas, além de arquivar dados de identificação para que o conteúdo possa ser pesquisado pelos leitores. Quando a Folha decidiu criar uma nova estrutura de design para otimizar o desempenho do produto e melhorar a experiência do usuário, recorreu ao Google em busca de apoio e orientação.

Marques compartilhou sua visão: “A mágica do design acontece nos bastidores. Queríamos oferecer a melhor experiência para nossos leitores, ao mesmo tempo que melhorávamos o fluxo de trabalho e a produtividade em nossa redação.”

O trabalho começou em 2023 por meio de um programa do Google. “Tínhamos um fluxo de trabalho muito manual, não integrado”, diz Patrícia Pimenta, gerente de produto da Folha. “Nesse projeto de sistema de design, vimos a oportunidade de melhorar nossas operações e elevar nossa pilha tecnológica.” Isso significou expandir a equipe para incluir desenvolvedores full-stack focados em produtos e especialistas em DevOps em operações.

Em 2024, a Folha começou a construir a nova estrutura e fluxo de trabalho do sistema de design, com componentes integrados, reutilizáveis ​​e personalizáveis ​​baseados em tokens de design. A Folha delineou sua estratégia com marcos e metas, consultando o Google ao longo do processo. Em novembro de 2025, o jornal lançou o Guia Folha , “uma fonte atualizada de sugestões culturais e de lazer em São Paulo”, e o primeiro subdomínio foi lançado utilizando o novo sistema de design.

Engajando usuários de dispositivos móveis e computadores

O novo sistema de design da Folha pode servir de inspiração para outros jornais que buscam simplificar processos e, ao mesmo tempo, engajar melhor os consumidores. Ele já está apresentando resultados promissores, com o LCP em 1,7 segundos no celular (26% melhor desde o lançamento) e aproximadamente 1 segundo no desktop, com o conteúdo principal visível em menos de 2 segundos. Além disso, o CLS foi reduzido em mais de 67%, eliminando a instabilidade visual crítica anterior. “Os ganhos no mobile beneficiam diretamente 90% da nossa base de usuários, inclusive [resolvendo] conexões instáveis”, afirma Pimenta.

“Desde o lançamento, o novo site da Guia tem superado as expectativas iniciais, registrando um aumento de 20% na audiência e de 28% nas assinaturas em comparação com a média dos seis meses anteriores”, acrescenta Pimenta. “Esse crescimento foi alcançado mantendo a produção editorial praticamente estável, com um aumento de apenas 4% no volume de publicações.”

Além disso, o novo sistema oferece menor carga de manutenção e menor exposição à segurança, com uma experiência mais consistente e intuitiva em todos os produtos, e um potencial mensurável de melhoria na experiência do usuário (UX), acessibilidade e ranqueamento em mecanismos de busca (SEO). Eles também estabeleceram as bases para a próxima geração de recursos e produtos do Grupo Folha.

“Precisamos garantir ao nosso conselho que a tecnologia vale o investimento, e o Google nos fornece as diretrizes”, diz Marques. “Nossas parcerias com o Google nos tornam cada vez maiores e mais fortes.”

  • 20% aumento no crescimento da audiência
  • 28% aumento de assinaturas
  • 4% aumento no volume editorial
Camila01
“Nossa relação próxima com o Google nos permite falar abertamente enquanto trabalhamos para alcançar nossos objetivos e desenvolver juntos coisas incríveis e maravilhosas.”
Camila Marques
Editor-chefe da Folha de S.Paulo
process02
process01
process02
process01
guia-new-site
ds-case1
ds-case2
ds-case1
ds-case2

Sobre a Folha de S.Paulo

Fundada em 1921, a Folha de S.Paulo é amplamente reconhecida como o jornal mais influente do Brasil e um "jornal de referência" nacional. Apreciada por leitores de todas as idades, a Folha sobreviveu acompanhando as ondas das mudanças sociais e tecnológicas, mantendo-se fiel aos seus quatro pilares: pluralismo, apartidarismo, jornalismo crítico e independência.

Localização: São Paulo, Brasil

Sair e perder o progresso?
Ao sair desta página, você perderá todo o progresso dessa aula. Você quer mesmo continuar e perder seu progresso?