Sites e experiências
Acesa
Janela acesa é apartamento à venda, e dá para entrar nele
A Acesa, que concebi e dirigi, é uma vitrine em 3D para incorporadoras: um mapa da cidade, um prédio em que as janelas acesas são os apartamentos ainda à venda e um passeio pelo apartamento com preço e custos ao lado. O comprador entende o imóvel e as contas antes de marcar uma visita. Tudo o que aparece aqui pertence a uma incorporadora fictícia do Recife, com prédios e preços de exemplo.
- Minha parte
- Conceito, direção de produto e de arte, revisão de cada versão; construído com agentes de IA
- Status
- Demonstração funcional com imóveis fictícios, acesso restrito
- Stack
- React, Three.js, MapLibre, TypeScript, Blender
- Desde
- 2026
O que é, e para quem
Comprar apartamento no Brasil costuma começar por uma galeria de imagens estáticas e uma tabela de preços em PDF. O comprador não sabe quais unidades sobraram, como são os ambientes nem se o aluguel pagaria o financiamento, então marca uma visita só para descobrir. A equipe de vendas, por sua vez, repete a mesma explicação para cada cliente, no celular, no notebook ou no iPad do estande.
A Acesa junta tudo isso num só lugar, apresentado com o nome da incorporadora. O comprador abre um link, vê as torres da empresa num mapa 3D da cidade, escolhe uma e voa até a rua dela. A demonstração usa a Maré Incorporadora, uma empresa fictícia com três torres fictícias em ruas reais do Recife.
- O comprador vê o prédio, a planta do apartamento e o custo mensal antes de falar com alguém.
- O corretor acha a unidade certa rápido e mostra a vista, o acabamento e as contas ao lado do cliente.
- A incorporadora tem uma só apresentação para anúncios, estande e videochamada.
Janela acesa quer dizer à venda
O produto inteiro se apoia numa imagem, que também é o nome dele. Na fachada, cada apartamento ainda à venda tem a janela acesa com luz quente, o reservado brilha mais fraco e mais frio, e o vendido fica apagado. Ao lado da cor sempre aparece uma palavra, para ninguém depender só da cor.
Cada apartamento é um bloco inteiro clicável da fachada, organizado em andares e colunas. Ao clicar, abre um cartão com andar, vista, planta e preço, e o disponível tem um botão para entrar. Na demonstração, uma sequência programada reserva uma unidade de vez em quando, e a janela perde o brilho diante de quem está olhando; conectar o estoque real de uma incorporadora está nos planos.
Dentro do apartamento, com as contas ao lado
Lá dentro, o visitante anda livremente por um apartamento mobiliado, arrastando, tocando no chão ou usando o teclado, e o nome do cômodo atual aparece em texto simples no alto. O movimento respeita paredes, móveis e portas. A demonstração tem três plantas, de um dois quartos de 64 m² a um apartamento de 184 m² com quatro suítes.
Um painel mantém à vista o preço e a entrada mínima. O aluguel estimado é um controle deslizante que começa na sugestão da incorporadora, e a rentabilidade, o fluxo de caixa mensal com financiamento, o prazo de retorno e o ponto de equilíbrio respondem na hora, com as premissas a um toque. Os valores são ilustrativos, e o painel diz com clareza quando o aluguel não cobre a parcela.
Qualquer hora, qualquer tela
Um controle solar fino, que muda a hora do dia, atravessa o topo de cada cena, das 6h às 19h. Ela leva o sol à posição aproximada sobre o Recife, na fachada e dentro do apartamento, para o comprador ver a sala de manhã e de novo à noite, quando as luminárias passam a iluminar a sala. É uma aproximação visual, não um estudo técnico de insolação.
O layout foi pensado primeiro para o celular numa mão só: o cartão do apartamento vira um painel que sobe da parte de baixo da tela e o botão principal fica ao alcance do polegar. Para quem não pode ou não quer usar o 3D, uma lista simples de unidades leva aos mesmos detalhes, à mesma simulação e ao mesmo formulário de contato.
Como o 3D foi feito
Uma incorporadora fictícia não tem fotos, então todos os prédios e interiores foram gerados. Cada modelo nasce de um roteiro de arte escrito, com medidas, materiais e nomes exatos. O Codex Astra, um agente de IA que programa, transforma esse roteiro num script do Blender e o executa para construir o modelo. Um verificador recusa o que for pesado demais para celular, e as prévias renderizadas são avaliadas a olho antes de chegar ao app; devolvi as primeiras versões que estavam chapadas ou quadradas demais.
Ruas e contornos dos terrenos vêm do OpenStreetMap; a maior parte das alturas dos prédios vizinhos é estimada. A etapa que transformaria fotos e plantas reais de uma incorporadora em modelos está desenhada, mas não construída: nela, o agente limparia a geometria capturada em vez de inventá-la.
Minha parte, e em que pé está
A Acesa é ideia minha. Escrevi o briefing (o roteiro da visita, a regra da janela acesa, o painel de contas, o celular em primeiro lugar), defini a direção e revisei cada versão. Quando a primeira ficou chapada, pedi luz natural e o controle solar; quando os interiores pareciam caixas, móveis de verdade; quando os botões de cômodo tapavam a vista, caminhada livre e uma interface mais leve. Agentes de IA escreveram o código e o 3D sob essa direção e a minha revisão.
Hoje é uma demonstração funcional com acesso restrito, incorporadora fictícia, preços de exemplo e disponibilidade simulada. Os pedidos de contato ficam salvos só no navegador do visitante. Também existe um kit comercial em português (apresentação, teaser, folder e plano de piloto) para mostrar a ideia a incorporadoras. Um piloto real precisaria das fotos da incorporadora, do estoque oficial e do envio dos contatos à equipe de vendas; nada disso existe ainda.
Mais telas
Próximo projeto