Agendar uma conversa

Agendar uma conversa

Carregando a agenda
← Todos os projetos

Paper Magazine

Mídia · Design UX/UI
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.

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 modelos de artigo, em desktop e mobile. Foi uma das maiores marcas com que já trabalhei.

Principais Contribuições

  • Home com foco no visual. Um carrossel de matérias de capa com fotos grandes no topo, depois as últimas matérias com a etiqueta da categoria, a inscrição na newsletter e as matérias mais lidas. Desenhei duas versões: em uma o título fica acima da foto, na outra abaixo.
  • Cinco modelos de artigo. (1) Uma página de artigo para as matérias do dia a dia. (2) Uma página de matéria de capa que abre com uma foto grande, em versão preta e branca, com ou sem carrossel. (3) Uma matéria especial com a foto ocupando a tela inteira. (4) Um artigo com conteúdo de marca, para matérias patrocinadas. (5) Uma página que reúne e lista matérias.
  • Feito para continuar lendo. Seguindo as práticas da RebelMouse para publicações, as páginas de artigo terminam num feed infinito de matérias, o mesmo da home, que começa pela próxima matéria de capa, e o leitor segue lendo. Uma coluna lateral e uma lista "Next up" de matérias relacionadas trazem mais pelo caminho.
  • Anúncios no lugar certo. Os modelos têm espaços de anúncio entre o conteúdo, e as matérias patrocinadas ganham um modelo próprio de conteúdo de marca.
  • Versões mobile. A home e os modelos têm layouts 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.

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.

Guia de Estilo

Cores e Botões

#0F1419
#000000
#FFFFFF
#F8F8F8
#C2C2C2
#757575
#343434
#FE4646
Tipografia · Arial Black & Arial

The Frost Children Adventures

ExemploNomeFonteTamanhoAltura da linhaEspaçamento
CoverH1Arial Black48pxAuto0
LatestH2Arial Black24pxAuto0
PopularH3Arial Black20pxAuto0
Story textCorpoArial Regular16pxAuto0
MUSICRótuloArial Black10pxAuto0
Mobile
Feito no Figma
Design de joaomob
Propriedade de RebelMouse
Créditos