wcr.design
 Todos os projetos

URBS.

Da busca à visita agendada, num só site.

Cliente
URBS
Indústria
Imobiliária · Site e blog
Escopo
Busca de imóveis · Página do imóvel · Agendamento de visita · Blog · Design system
Papel
UX/UI · Design system · Site · Blog
Stack
Figma
URBS
01 / O cliente

A URBS Imobiliária trabalha com aluguel, aluguel por temporada, imóveis prontos e lançamentos na planta. Além dos anúncios, oferece simulação de financiamento, aluguel sem fiador, um programa de indicação e um canal para proprietários anunciarem seus imóveis.

02 / Desafio

O site precisava atender públicos e jornadas bem diferentes: quem procura um imóvel para alugar ou comprar, quem quer anunciar o seu e quem só quer se informar. Tudo com a identidade da marca e uma busca que levasse o visitante do primeiro filtro até a visita agendada.

03 / Solução

Desenhamos o site completo, das páginas institucionais ao blog, para desktop, tablet e celular. O trabalho passou por wireframes, alta fidelidade, protótipo navegável e handoff para o time de desenvolvimento, tudo sobre um design system criado para a URBS no estilo da marca.

04 / O que fizemos

Da busca
à visita.

O caminho de quem procura um imóvel no site, da busca ao agendamento da visita, mais o blog e o design system por trás de tudo. As telas vêm dos arquivos do Figma.

URBS: Busca de imóveis
01

Busca de imóveis

Desenhamos a busca com os filtros principais no topo (tipo, valor, quartos e metragem), um painel com os filtros avançados, os resultados em cards e um mapa ao lado com o preço de cada imóvel, que pode ser ocultado para dar mais espaço à lista.

  • Filtros
  • Filtros avançados
  • Mapa
  • Cards de imóvel
URBS: Página do imóvel
02

Página do imóvel

Criamos três versões da página do imóvel: aluguel, imóvel pronto e imóvel na planta. Cada uma reúne a galeria de fotos, as características do imóvel e do condomínio, os valores com simulação de financiamento, a localização no mapa e os atalhos para agendar visita ou falar com um especialista.

  • 3 versões
  • Galeria de fotos
  • Simulação de financiamento
  • Agendar visita
URBS: Agendamento de visita
03

Agendamento de visita

Desenhamos o agendamento de visita com o resumo do imóvel ao lado de um formulário curto: dados de contato, a forma de contato preferida (WhatsApp, e-mail ou ligação), o dia e o horário da visita. Para quem prefere conversar, há um atalho direto para o WhatsApp.

  • Dia e horário
  • WhatsApp, e-mail ou ligação
  • Resumo do imóvel
URBS: Blog
04

Blog

Desenhamos o blog da URBS com página inicial, artigo, busca, categoria, autor, tag e página 404, além de destaques, web stories e um bloco de newsletter. O blog tem cabeçalho próprio e sempre leva o leitor de volta para a busca de imóveis.

  • 7 modelos de página
  • Web stories
  • Newsletter
URBS: Design system
05

Design system

Criamos um design system próprio para a URBS, no estilo da marca: preto e branco com o dourado como destaque, na tipografia Manrope. São 15 famílias de componentes, de botões, inputs e dropdowns a modais, tabs, tooltips e player de vídeo, que são a base de todas as páginas do site e do blog.

  • 15 famílias de componentes
  • Manrope
  • Preto, branco e dourado
05 / Stack

Construído com.

Figma
06 / Entregue

O que foi entregue.

Discovery e wireframes
Design em alta fidelidade
Desktop, tablet e celular
Protótipo navegável
Design system
Blog
Handoff para o desenvolvimento

Faça seu projeto
com a gente.

Conte o que você quer construir, seja um site, um produto digital ou um sistema completo. Respondemos em até dois dias úteis.

Entre em contato