• Projetos
  • Carreira
  • Sobre

Produto · SuaQuadra · imóveis comerciais

Área interna SuaQuadra

role para ler o case

Projetos / Produto

O que acontece depois do “gostei do imóvel”

Como desenhei a área logada de quem aluga um imóvel comercial: da visita à proposta, do contrato assinado à abertura do negócio.

Projeto
Área interna SuaQuadra
Empresa
SuaQuadra · imóveis comerciais
Papel
Product Designer: fluxos, estados, regras de exibição e UI
Plataforma
Web, mobile first
Entregas
Visitas, onboarding da locação, contratos e financeiro

Resumo · 1 min de leituraA história completa continua abaixo

01Problema
Depois da busca, a jornada de quem aluga se espalhava em conversas com corretor, e-mails e boletos. A pessoa não sabia em que etapa estava, nem qual era o próximo passo.
02Papel
Product Designer: mapeamento da jornada, estados de cada tela, regras de exibição e interface.
03Solução
Uma área única para a vida do aluguel, em que cada tela responde duas perguntas: em que pé está, e o que fazer agora.
04Resultado
Uma jornada pós-busca com estados claros e a ação principal sempre à vista, e uma base para a SuaQuadra seguir presente depois da assinatura, com seguro, parceiros e suporte.

O problema

A busca terminava. A jornada, não

Encontrar o imóvel é só o começo. Depois vêm a visita, a proposta, o contrato, a vistoria, as chaves, a troca de titularidade das contas e o primeiro boleto. Cada etapa tinha um canal diferente, e quem alugava precisava perguntar para saber em que pé estava.

Para quem está abrindo um negócio, essa incerteza custa caro: cada dia sem chave é um dia sem operar.

“Em que pé está, e qual é o meu próximo passo?”

A pergunta que cada tela responde

Visitas

A mesma tela, quatro momentos

O detalhe da visita muda conforme o status. Escolha um estado e veja o que sobe, o que desce e o que some.

Aguardando o corretor

Um aviso diz que a confirmação depende do corretor, com o atalho para falar com ele. Reagendar e cancelar ficam à mão, porque é o momento em que os planos mudam.

Aguardando o corretor

Regras que valem para toda a área

  1. 01

    Um status, uma cor

    Agendada, confirmada, realizada e cancelada têm selos próprios, iguais na lista e no detalhe. Dá para ler o estado sem ler o texto.

  2. 02

    Uma ação principal por momento

    Só um botão amarelo por tela, e ele muda com o status. O resto fica como ação secundária.

  3. 03

    A proposta sempre por perto

    “Gostou do imóvel?” aparece em todos os estados da visita. Quem já decidiu pode adiantar a proposta e encurtar o caminho até o fechamento.

  4. 04

    Cada etapa diz quem age

    Quando a próxima etapa depende do corretor, do vistoriador ou da validação do time, a tela diz isso, em vez de deixar a pessoa esperando sem saber.

Onboarding da locação

Do contrato assinado à porta aberta

Depois da assinatura, a área vira um checklist do que falta para receber o imóvel e abrir o negócio: vistoria, chaves, troca de titularidade das contas, financeiro e o que é preciso para inaugurar.

Tudo à vista, nada misturado

As etapas aparecem em ordem. A que ainda depende de outra, como receber as chaves antes da vistoria, fica esmaecida e explica por quê.

Tudo à vista, nada misturado

Regras de exibição

Nem todo imóvel é administrado pela SuaQuadra

Quando a administração é externa, mostrar boletos, financeiro e seguro seria prometer o que a SuaQuadra não faz. A mesma tela de locação tem duas versões, e a regra decide o que aparece.

Na administração externa, o financeiro dá lugar a “Quem cuida desse imóvel”: o contato da administradora e uma lista de quando falar com ela. O que a SuaQuadra continua oferecendo, como o ecossistema de parceiros e o suporte, segue nas duas.

Minha locação

Uma tela, duas regras

A SuaQuadra cuida de tudo

Valor aberto em aluguel, condomínio, IPTU e seguro, o financeiro do mês, o e-mail de cobrança, o seguro assistencial e o pedido de rescisão.

A SuaQuadra cuida de tudo

Resultado

O que o projeto entregou

  1. Jornada

    Da visita à abertura, num lugar só

    Visitas, proposta, contratos, onboarding e financeiro passam a viver na mesma área, com a próxima etapa sempre à vista.

  2. Sistema

    Estados desenhados, não improvisados

    Quatro estados de visita, um onboarding com envio parcial e validação, e duas regras de administração. Cada caso de borda tem a sua tela.

  3. Negócio

    A SuaQuadra depois da assinatura

    Seguro, parceiros e suporte aparecem no momento em que fazem sentido. A relação não termina quando o contrato é assinado.

Próximo case Listing com IAO anúncio que responde antes da visita

próximo passo

Todo projetocomeça com umaconversa.

Geist 600 · 9.4vw · tracking −0.06em · lh 0.95
Todo projetocomeça com umaconversa.
estrutura
Vamos conversar

site

ProjetosCarreiraLabSobreContato

redes

LinkedInBehanceInstagramMedium
ola.franlima@gmail.com© 2026