João Passini

OLX

Home como sistema

Staff DesignMarketplaceApp e WebArquitetura da InformaçãoEstratégiaTestes com usuários

Contexto

A OLX reúne carros, imóveis e produtos no mesmo lugar. O trabalho cobriu seis telas: Home web, megamenu e as quatro Homes do app (Tudo, Autos, Imóveis e Produtos).

Meu papel

Staff Product Designer na frente de Homes.

Tempo de projeto

6 semanas.

O problema

Duas frentes, uma só pauta.

Em setembro de 2026, a Home do app precisava de mais conversão e mais personalidade, enquanto a web discutia o topo e o menu de categorias. Em poucas semanas, essas frentes viraram uma só pauta de diretoria: o que as Homes precisam resolver e como app e web podem seguir a mesma lógica.

Como fazer app e web cumprirem os mesmos objetivos, em situações diferentes, sem desenhar cada Home do zero?

Na web

Quem chega sem login não sabe por onde começar.

No app

O feed é igual para todo mundo.

Entre os dois

O site recebe 2× mais visitantes e o app converte 10× mais, mas a oportunidade está na passagem de um para o outro.

Nova abordagem

Não é uma nova Home. É um sistema.

Espaços com propósito

Cada espaço faz uma coisa só, com regra clara.

Regras claras

Pessoa, contexto e objetivo da semana decidem o que entra.

Uma base, várias telas

Web, site no celular e as quatro Homes do app usam os mesmos espaços.

Os 8 papéis

Cada espaço tem um propósito.

Oito propósitos. Toda Home, em qualquer tela, é montada só com eles.

Orientação

Onde estou e o que dá para fazer. Saudação, busca, fim honesto.

Navegação

Chegar a qualquer mundo sem cascata. Mundos, categorias, megamenu.

Conversão

O produto certo para a pessoa certa. Para você agora, em alta, convite a vender.

Continuidade

Retomar o que ficou pela metade. Oferta aguardando, negociação, itens salvos.

Patrocinado

Pago, rotulado e no contexto. Patrocínio pago, vitrine, parceria.

Marca

A OLX no que a tela faz. Palco roxo, campanha com produto.

Segurança

Prova no card, na conversa e no pagamento. Selos, Compra Protegida, serviços.

Novidades

Um motivo para voltar amanhã. Achado do dia, lançamentos.

Home web

21 espaços

Megamenu

9 espaços

Tudo

15 espaços

Autos

19 espaços

Imóveis

16 espaços

Produtos

15 espaços

As seis telas lado a lado. A cor de cada bloco é o papel dele.

Seis telas, 95 espaços, os mesmos 8 papéis

0

telas: Home web, megamenu e quatro Homes do app

0

espaços mapeados

0

papéis, os mesmos em todas as telas

0

categorias abertas no megamenu

0

sessões de teste

O que muda de uma tela para outra é a mistura, não a regra.

Quantos espaços de cada papel existem em cada tela
SiteApp
WebMenuTudoAutosImóv.Prod.
Orientação123333
Navegação432643
Conversão224323
Continuidade2nenhum1nenhumnenhum1
Patrocinado5nenhum3332
Marca111111
Segurança31nenhum221
Novidades3nenhum1111

Contagem por espaço, pelo papel principal de cada um. Selos de confiança também aparecem dentro dos cards, em todas as Homes.

O propósito de cada Home

Cada Home tem um trabalho.

Os espaços e os propósitos são os mesmos. O que muda é quem chega e o que a Home precisa fazer pelo usuário.

Provar

Web no computador. Mostrar que tem tudo e que é seguro, em uma tela potencializada por SEO. Quem chega vem frio, pela busca do Google ou por campanha. Como medir: busca iniciada e clique para o resultado.

Acolher

Navegador do celular. Resolver rápido quem chega e abrir a porta do app. Quem chega vem por link compartilhado ou busca no celular, muitas vezes sem o app. Como medir: busca iniciada e passagem para o app.

Continuar

App. Retomar de onde o usuário parou e dar motivo para voltar amanhã. Quem chega já voltou: tem conversa, oferta ou item salvo. Como medir: retorno em 1 e 7 dias e contatos por sessão.

Mockup da nova Home web da OLX em um notebook, cercado pelas outras seções da página e pelo megamenu

O MVP resultado final da exploração toda.

Nova Home web

A tela que prova.

21 espaços em 7 faixas. O topo orienta e já trabalha, o meio vende no contexto e o fim fecha com confiança e leva para o app.

  • Orientação
  • Navegação
  • Conversão
  • Continuidade
  • Patrocinado
  • Marca
  • Segurança
  • Novidades

1Cabeçalho: local, busca, conta e Anunciar

2Categorias

3Vitrine de campanha

4

5

6Loja patrocinada

7Seu painel

8Central de Proteção

A

O topo orienta e já trabalha

Busca à mão, campanha com produto, serviço novo, convite a vender, o que está em andamento e a proteção.

9Destaque Diamante · prateleira patrocinada

B

Vitrine paga, rotulada e relevante

Diz que é paga e mostra o porquê; só entra o que combina com a procura.

10Por onde quer começar?

11Variedade que só a OLX tem

C

Portas de entrada para quem ainda não sabe

Começar pelo objetivo; a variedade que só a OLX tem, em números.

12Recomendados em Carros

13

13

14Marca na prateleira

12Recomendados em Imóveis

13

13

15

D

Cada mundo no seu lugar

Inventário por mundo com o anunciante e o parceiro no mesmo contexto.

16Achadinhos de hoje

13

17Seleções da equipe

E

Motivo para voltar

Achados do dia e seleções com critério à vista.

18Antes de fechar negócio: como funciona cada forma de negociar

19Negócio Certo

F

Fechar negócio com confiança

A regra do jogo perto da decisão; garantias em três provas curtas.

20Baixe o aplicativo

21Rodapé

G

O site prova. O app continua.

Convite para o app e mapa do site no fim da página.

Megamenu

O mapa inteiro, sem cascata.

9 espaços em 4 faixas. Tudo à vista em um clique; campanha e serviços no mundo certo.

Cabeçalho e categorias da Home

1Todas as categorias

9Página por trás, escurecida: fechar o menu devolve ao mesmo lugar

224 categorias

A

3Nome do mundo e "Acessar tudo"

B

4Todos os grupos e subcategorias

5Em alta

6Campanha do mundo

C

7Convite a anunciar

D

8Serviços da vertical: visita pelo chat, checklist, financiamento

A

Achar sem cascata

Um clique mostra as 24 categorias e todos os grupos da escolhida.

B

Saber onde está e voltar

O nome do mundo e o atalho para tudo nele; fechar devolve ao mesmo lugar.

C

Em alta e a campanha do mundo

O que mais se procura na categoria e a campanha certa, com selo.

D

Ativar e proteger no momento certo

Convite para anunciar e serviços da vertical onde a decisão começa.

Home do app

O mesmo sistema, no bolso.

15 espaços em 8 faixas. Palco de marca, achado do dia, pago no ritmo do feed e fim honesto.

Dois celulares com a Home do app OLX: a aba Tudo, em roxo, e a aba Imóveis, em azul

A Home do app nas abas Tudo e Imóveis.

1Saudação, local e avisos

2Busca

3Mundos

A

Oi, onde estou e o que procuro

Saudação, local e busca à mão; os mundos a um toque.

4Campanha no palco

5Duas ofertas

6Negociação aguardando

B

O palco roxo é a marca trabalhando

Campanha com produto, ofertas e a negociação esperando resposta.

7Para você agora

C

Para você agora

Recomendados com o porquê: o que você segue, perto de você.

8O achado de hoje

Faz sentido?

D

Um achado por dia

Escolhido a dedo, com urgência honesta; a pessoa diz se faz sentido.

9Convite a vender

E

Ativar o outro lado

Fotografa que a gente escreve o anúncio.

10Patrocinado no formato do card

11Faixa de anúncio

F

Pago no ritmo do feed

Patrocinado no formato do card e faixas de anúncio, rotulados.

12Grade com selos

13Peça de anúncio na grade

11Faixa de anúncio

G

Inventário com selos que provam

Entrou hoje, chega amanhã, Compra Protegida.

14Fim honesto: ampliar o raio ou explorar

15Barra do app

H

Fim honesto

Acabou por hoje: amplie o raio ou explore categorias.

Autos, Imóveis e Produtos

Mesma base, espaços próprios.

A base é a da Home Tudo: saudação, busca, mundos, palco, achado do dia, anúncio no ritmo do feed, grade com selos e fim honesto. Cada mundo ganha só os espaços da sua jornada.

Autos

19 espaços

4
7
8
9
10
11
12
14

Próprios do mundo

  • 4Tipos de veículo
  • 7Ofertas abaixo da FIPE
  • 8Marcas de carro e seus carros
  • 10Lojas oficiais
  • 11Consórcio
  • 12Faixas de preço
  • 14Quilometragem

Imóveis

16 espaços

6
7
8
9
13

Próprios do mundo

  • 6Aluguéis que cabem no bolso
  • 7Central de Proteção
  • 8Tipos de imóvel
  • 9Imóveis para comprar, perto
  • 13Consórcio

Produtos

15 espaços

6
7
13

Próprios do mundo

  • 6Retomada do que você guardou
  • 7Categorias de produtos
  • 13Garantia

Cruzadas entre app e web

A pessoa troca de tela. O sistema vai junto.

O site recebe 2× mais visitantes. O app converte 10× mais. A oportunidade está na ponte entre os dois.

App

Quem já voltou

Continuar e converter.

10×

mais conversão

Onde esta Home retoma

Continuidade

Negociação aguardando

no palco da Home Tudo

começa no app, continua na web

O que viaja junto

  • Busca e filtros
  • Favoritos e alertas
  • Conversa e oferta
  • Anúncio em rascunho
  • Pagamento e entrega

começa na web, continua no app

Web

Quem chega frio

Provar e acolher.

2×

mais visitantes

Onde esta Home retoma

Continuidade

O que está em andamento

no topo da Home web

Começa no app, continua na web

Quando a decisão pede tela grande, tempo ou outra pessoa.

Comparar com calma

Imóvel e carro pedem fotos grandes, mapa e ficha. Favoritos e buscas já esperam no topo da Home web.

Decidir com alguém

O link vai para a família ou o sócio. Quem recebe conhece a OLX pela web e é convidado ao app.

Resolver a papelada

Financiamento, consórcio, seguro, contrato. O serviço começa no app e fecha na web, sem refazer cadastro.

Vender em volume

Lojista, imobiliária, concessionária. Fotos no app, gestão na web: porta para o plano profissional.

Começa na web, continua no app

Quando a conversa, a visita ou a espera pedem o celular.

Chegou pelo Google

Primeira visita, direto no anúncio. A conversa segue no app com o mesmo anúncio aberto.

Ver pessoalmente

Visita ao imóvel, test drive, retirada. Endereço, conversa e horário no bolso.

Esperar uma resposta

Oferta feita, favorito, busca salva. Aviso de resposta ou de queda de preço traz a pessoa de volta.

Anunciou pelo computador

Faltam fotos e respostas rápidas. Fotos pelo celular e resposta em minutos.

Impacto

De tela fechada para sistema de blocos.

Na estrutura

A Home deixou de ser uma tela fechada e virou um sistema de blocos, em que cada espaço tem uma função. Isso permite reorganizar a Home sem refazê-la e separa a discussão da forma da discussão do conteúdo.

Na decisão

O trabalho deu à diretoria uma base comum, com os cinco pilares já acordados ligados a blocos e telas.

Principais ferramentas de IA que utilizo

FigmaAdobeChatGPTClaudeGeminiCursorLovablev0