Pular para o conteúdo
Roma & BuganzaOrçamento
Todos os projetos
SistemaCliente2026

Marcelo Imóveis

Marcelo Imóveis — Sorocaba/SP · CRECI 118400

O projeto mais completo do estúdio, e o primeiro em produção com catálogo real de cliente: um sistema imobiliário de ponta a ponta, com área pública de busca, painel de corretor protegido e conversão inteira via WhatsApp.

Tela inicial do site Marcelo Imóveis, com skyline noturno ilustrado e a chamada "Seu Imóvel, Sem Complicação"

O desafio

Uma imobiliária precisa publicar imóveis rápido, sem depender de desenvolvedor, e sem vazar informação interna. O corretor cadastra fotos pelo celular, na rua. E cada visita perdida por página lenta é dinheiro na mesa.

A solução

Next.js 14 com App Router: rotas públicas estáticas e revalidadas para velocidade, e um painel administrativo separado com login em cookie httpOnly e segundo fator por TOTP. As fotos vão para o Supabase Storage, comprimidas no navegador antes do upload. Toda conversão desemboca no WhatsApp com mensagem já preenchida com o código do imóvel.

Detalhes que importam

  • No ar desde setembro de 2026, com o catálogo real da imobiliária: 7 imóveis e 100 fotos em produção

  • Preço interno do corretor jamais é serializado na rota pública — a API usa um DTO com allowlist explícita

  • Upload comprimido no cliente: fotos de celular entram no catálogo em segundos, mesmo em 4G

  • Painel mede acesso por imóvel e pontua a qualidade de cada anúncio

  • 170 testes automatizados cobrindo DTO público, autenticação, chatbot e regras de catálogo

O que tem dentro

Funcionalidades

Painel com 2FA

Login em JWT (jose) dentro de cookie httpOnly com validade de 8h, mais segundo fator TOTP compatível com qualquer app autenticador. Rate limit nas rotas sensíveis.

CRUD completo de imóveis

Cadastro, edição, duplicação, ordenação de fotos, vídeo do YouTube, comodidades e limites de mídia. Slug e código gerados automaticamente.

Chatbot que aprende

Responde sobre o imóvel, sobre a região e sobre a imobiliária. As perguntas sem resposta viram fila de aprendizado no painel.

Leads e métricas

Cada contato é registrado com origem, e o painel mostra o tráfego por imóvel — o corretor vê o que está sendo procurado de verdade.

Busca e favoritos

Filtros por tipo, bairro, faixa de preço e quartos, lista de favoritos no navegador e sugestão de imóveis semelhantes na página de detalhe.

Stack

  • Next.js 14
  • TypeScript
  • Prisma
  • PostgreSQL (Neon)
  • Supabase Storage
  • Tailwind CSS
  • Vitest
  • Vercel
  • Upstash Redis
  • Resend

Nosso papel

  • Arquitetura
  • Back-end e banco
  • Front-end
  • Painel administrativo
  • Deploy