Agendar uma conversa

Agendar uma conversa

Carregando a agenda
← Todos os projetos

Coveteur

Fashion · Design UX/UI
Coveteur

Visão geral

A Coveteur é uma marca de moda, beleza e estilo de vida fundada em 2011, com sede em Nova York. Ficou conhecida pelos tours de closet, em que stylists, estilistas e celebridades abrem suas casas e guarda-roupas, e depois cresceu como empresa de mídia que cria conteúdo para marcas de luxo.

O site da Coveteur rodava na RebelMouse, a empresa onde trabalhei como designer UX/UI de 2022 a 2024. A RebelMouse faz sites para publicações no próprio sistema de gestão de conteúdo (CMS). A Coveteur tinha um design de referência próprio, e meu trabalho foi levar esse visual para os layouts de página da plataforma da RebelMouse, um reskin: uma nova camada visual sobre a estrutura que já existia.

Meu Papel

Desenhei o reskin no Figma em uma noite. Peguei a referência da Coveteur e adaptei, página por página, aos layouts da RebelMouse, para a marca manter o visual na plataforma. Desenhei a home e a matéria de closet para desktop e mobile, o expediente mobile (a página da equipe) e uma versão recolhida do cabeçalho.

Principais Contribuições

  • Uma voz editorial marcante. Um logo largo e enorme no topo, títulos em Druk Wide Bold em caixa alta e texto em Sequel Sans. Preto e branco com vermelho nas etiquetas das seções, para as fotos trazerem a cor.
  • Home. Uma matéria de capa dividida, com a foto de um lado e o título sobre preto do outro. Depois duas matérias em destaque, uma lista das últimas matérias, "The Closets We Love" com os tours de closet mais recentes, uma coluna com anúncio e "It's in the Bag", um bloco de produtos com preço e botão de compra.
  • Matéria de closet. A página dos tours de closet, o coração da marca: um título grande, os créditos de texto e fotografia, uma foto de abertura, uma citação em destaque na fonte dos títulos e uma galeria do closet em grade. No fim, duas fileiras de matérias relacionadas, mais tours de closet e outras sugestões, mantêm o leitor no site.
  • Expediente. A página da equipe, com cada cargo em peso regular e cada nome em negrito, e o contato para parcerias.
  • Versões mobile. As páginas têm layouts mobile, com a mesma hierarquia em uma coluna e os produtos em duas colunas.

Impacto

O time da Coveteur amou o resultado. Hoje a RebelMouse ainda mostra a Coveteur no site dela como exemplo de layouts feitos para uma marca, com páginas de tour de closet e blocos de produtos como os deste design.

Guia de Estilo

Cores e Botões

#000000
#1F1F1F
#FFFFFF
#DA1313
#607280
Tipografia · Druk Wide & Sequel Sans

A Closet That Prioritizes Subtlety

ExemploNomeFonteTamanhoAltura da linhaEspaçamento
CLOSETH1Druk Wide Bold40pxAuto0
CLOSETSH2Druk Wide Bold28pxAuto0
FASHIONH3Druk Wide Bold18pxAuto0
Words byCorpoSequel Sans Medium16pxAuto0
BUYRótuloDruk Wide Bold12.5pxAuto0
Mobile
Feito no Figma
Design de joaomob
Propriedade de RebelMouse
Créditos