Agendar uma conversa

Agendar uma conversa

Carregando a agenda
← Todos os projetos

Paper Magazine

Mídia · Design UX/UI · Design System
Paper Magazine

Visão geral

A PAPER é uma revista de Nova York sobre moda, música, vida noturna e arte, fundada em 1984. Ficou famosa com a capa da Kim Kardashian de 2014, que queria "quebrar a internet", e hoje vive online em papermag.com, perto de um público jovem que a segue nas redes sociais.

Na RebelMouse, a empresa onde trabalhei como designer UX/UI de 2022 a 2024, trabalhei no redesign do papermag.com. A RebelMouse faz sites para publicações no próprio sistema de gestão de conteúdo (CMS). O time da PAPER queria um site mais visual, em que as fotos guiam a leitura. As referências deles eram ousadas e experimentais, com layouts desconstruídos, cores fortes e fontes fora do comum, e o site novo tinha de levar esse espírito para uma base minimalista, quase brutalista.

Papel
Design UX/UI
Escopo
Home, seções de categoria e layouts de artigo, desktop e mobile
Ferramentas
Figma
Setor
Mídia

Impacto

A home que está no ar hoje em papermag.com segue a segunda versão deste design, com a foto primeiro e o título abaixo. Em agosto de 2026, o Similarweb mostrava leitores do papermag.com vendo cerca de 7 páginas por visita, com a busca orgânica trazendo 59,4% das visitas no desktop.

Meu Papel

Fui designer UX/UI no redesign. Participei das calls com o time da PAPER e transformei essas referências em wireframes, depois em protótipos e no design final no Figma: a home, as seções por categoria e os layouts de artigo, em desktop e mobile. Foi uma das maiores marcas com que já trabalhei.

Decisões de design

Arraste a barra em cada quadro para comparar o papermag.com antes do redesign, à esquerda, com o meu design no Figma, à direita.

As fotos comandam a home.

A home antiga abria numa coluna estreita com fotos pequenas, e o redesign abre com um carrossel de matérias de capa em fotos grandes e, em seguida, as mais recentes com a categoria de cada uma. A PAPER é uma revista visual, então a foto sustenta a página e a categoria diz ao leitor do que trata a matéria antes do clique.

Computador
Home da PAPER, computador, redesign
Home da PAPER, computador, antes

O artigo do dia a dia fica limpo.

A matéria do dia a dia deixa o bloco preto e põe o título no branco, ao lado da foto, com uma coluna de matérias relacionadas, e termina no mesmo feed sem fim da home. Quem chega por uma matéria passa para a próxima sem voltar à home.

Computador
Artigo do dia a dia da PAPER, computador, redesign
Artigo do dia a dia da PAPER, computador, antes

As matérias especiais abrem com a foto.

A matéria especial mantém a foto na tela toda e põe um título grande embaixo dela, com os botões de compartilhar na lateral e a lista de outras matérias ao lado do texto. Uma grande matéria se lê como uma página dupla de revista, e a próxima está sempre à vista.

Computador
Matéria especial da PAPER, computador, redesign
Matéria especial da PAPER, computador, antes

As matérias de capa ganham uma página própria.

As grandes matérias abrem com uma foto na largura toda, em versão preta ou branca, com ou sem carrossel. A capa é o que a PAPER tem de mais forte, então ganha uma página com cara de página dupla de revista.

Computador
Página de matéria de capa da PAPER, computador, novo no redesign

Principais Contribuições

  • Anúncios no lugar certo. Os layouts têm espaços de anúncio entre o conteúdo, e as matérias patrocinadas ganham um layout próprio de conteúdo de marca.
  • Versões mobile. A home e os layouts de artigo têm versões mobile de 320 pixels de largura, menos a matéria de tela inteira.
  • Linguagem visual. Preto e branco minimalista com um toque de vermelho, Arial Black nos títulos e Arial no texto, e fotos grandes que abrem cada matéria.
Créditos