Carregando

3 Lírios

O desafio não era fazer um site bonito. Era fazer um funil comercial que funcione com pouco prazo e sem ninguém para manter, cortando o escopo até ele caber. O site novo de uma construtora do Minha Casa Minha Vida responde às três perguntas de quem quer sair do aluguel e leva essa pessoa ao WhatsApp.

Papel
Product Designer, do escopo ao código
Resultado
V1 no ar, aprovada pela 3 Lírios. Desde o lançamento, 468 sessões e 10 contatos, 4 deles qualificados pela construtora. Limite: amostra pequena e sem teste com compradores.
Prazo
4 dias até a apresentação e 4 semanas de ajustes
Time
Só eu, com agentes de IA no Claude Code e revisão de código de um dev da TD Business
Pular a demonstração

O site de verdade, em HTML: filtre as casas, abra uma ficha, faça a pré-análise.

Ver no

Parceiro
Imagem ilustrativa

Sair do aluguel · Investir · Imóveis financiáveis

Sua casa própria
começa aqui.

Imóveis para diferentes momentos e objetivos: seja para sair do aluguel, conquistar sua casa própria ou investir. Ajudamos você a entender as possibilidades de financiamento e encontrar uma opção que faça sentido para o seu momento e orçamento.

Gratuito, sem compromisso e sem consulta ao seu CPF.

Como funciona

Um caminho previsível até a primeira casa.

  1. Você faz uma pré-análise rápidaPoucas perguntas para entendermos seu momento e seu perfil de renda.
  2. Ajudamos você a encontrar o imóvel ideal para o seu perfilVocê recebe as opções que combinam com o que precisa e com o que cabe no orçamento.
  3. Você entende o financiamento MCMV e demais linhas de crédito disponíveisExplicamos entrada, uso do FGTS e os próximos passos, sem burocracia.

Imóveis à venda em destaque

Três começos possíveis, com o preço na frente.

Situação da obraNa plantaEm obraPronta para morar
Casa Orquídea, casa térrea de 2 quartos na Vila Flor.
Pronta para morarImagem ilustrativa
Casa Flora, casa térrea de 2 quartos em Nova Pescaria.
Em obraImagem ilustrativa
Casa Peônia, casa térrea de 2 quartos na Vila dos Araçás.
Em obraImagem ilustrativa

Financiamento Minha Casa Minha Vida

Feito para caber no seu orçamento.

Três coisas tornam a compra possível — e todas cabem no Minha Casa Minha Vida.

Feito para o Minha Casa Minha Vida

O programa cobre a maior parte do valor; você entra com uma fração.

Use seu FGTS

O saldo do seu FGTS pode compor a entrada ou abater parcelas.

Entrada facilitada

Condições de entrada parceladas, combinadas conforme o seu perfil.

Feito para o Minha Casa Minha Vida

O programa cobre a maior parte do valor; você entra com uma fração.

Use seu FGTS

O saldo do seu FGTS pode compor a entrada ou abater parcelas.

Entrada facilitada

Condições de entrada parceladas, combinadas conforme o seu perfil.

Imóveis entregues

Seu lar, sua história.

Sobre nós

Realizando o sonho da casa própria

Uma empresa que nasce com o objetivo de realizar o grande sonho da casa própria. Queremos que você também tenha sua casa para viver feliz e com muita saúde.

Cuidamos da qualidade de cada detalhe do seu patrimônio, sempre com atenção, responsabilidade e compromisso. Nossa equipe tem grande experiência no mercado e está ao seu lado do início ao fim. Acompanhamos cada etapa do processo, oferecendo atendimento próximo, orientação e suporte para que você tenha segurança e tranquilidade desde o primeiro contato até a entrega da sua casa.

Nosso compromisso é entregar no prazo, cuidar de cada detalhe e fazer com que a realização do seu sonho seja uma experiência segura e tranquila.

Casa Camélia, entregue pela 3 Lírios, com fachada clara, porta de madeira e céu azul.
Casa Camélia, entregue

Depoimentos

Quem já mora, recomenda.

Histórias de quem realizou o sonho da casa própria com a 3 Lírios.

Eu achava que financiar era coisa complicada. A equipe explicou cada etapa e, em poucos meses, eu estava com a chave na mão.
Mariana S.Tubarão — SC
Fizemos a pré-análise em minutos e já sabíamos até onde podíamos ir. Sem surpresa no meio do caminho.
Rafael e JulianaCapivari de Baixo — SC
A casa ficou do jeito que mostraram. Entrega no prazo e todo mundo atendeu com paciência.
Dona NeusaLaguna — SC
Usei o FGTS na entrada e nem sabia que podia. Me explicaram tudo no WhatsApp, sem enrolação.
Carlos H.Tubarão — SC
Meus filhos ganharam um quintal. Era o sonho que a gente adiava há anos.
Patrícia M.Laguna — SC
Atendimento do começo ao fim. Sempre que eu tinha dúvida, alguém respondia rápido.
Anderson L.Capivari de Baixo — SC
Saímos do aluguel com a parcela cabendo no orçamento. Valeu cada visita à obra.
Fernanda e BetoTubarão — SC
Casa simples, bem-feita e com tudo no lugar. Recomendo para quem quer sossego.
Seu OsmarLaguna — SC

Depoimentos de demonstração.

Corretor parceiro analisando a planta de um empreendimento sobre a mesa.Imagem ilustrativa

Escritório Virtual do Corretor

Tudo o que o corretor parceiro precisa, num lugar só.

Ferramentas, materiais e acompanhamento para você levar o cliente da primeira simulação até a entrega das chaves — sem burocracia.

Pré-análise na hora

Rode a simulação do cliente e mostre o valor financiável na mesma conversa.

Materiais de venda prontos

Plantas, tabelas de preço e peças de divulgação sempre atualizadas para enviar.

Acompanhe suas vendas

Propostas, reservas e comissões num painel único, do lançamento à entrega.

Time da 3 Lírios com você

Suporte direto em cada etapa do fechamento, com resposta rápida.

Fale com a gente

Prefere conversar agora? Chame no WhatsApp.

Plataforma

Web, no computador e no celular

Ferramentas

Claude Code, Next.js, Tailwind, shadcn/ui e Vercel

Cliente

3 Lírios Construções e Incorporações, com casas em Tubarão, Capivari de Baixo e Pescaria Brava (SC)

Entregas

Escopo, arquitetura da informação, direção visual, interface e o site em código


O site antigo não respondia se a pessoa conseguia comprar

A 3 Lírios constrói casas financiadas pelo Minha Casa Minha Vida. O site antigo era uma página só: um slogan, dois blocos de imóveis e um formulário. O briefing pedia o contrário: responder rápido a três perguntas. Posso comprar? Quanto posso pagar? Qual casa combina comigo? Quem compra a primeira casa muitas vezes usa um celular simples, e ninguém na construtora atualizaria o site depois.

Arraste o divisor para comparar a página inicial do site antigo com a do site novo.

Site antigo da 3 Lírios: foto de uma fachada, o título Seu lar, sua história e o botão Conheça.
O antes é uma captura do site antigo, de 30/09/2026. O depois é o site novo, em HTML.

O que eu recebi

  • Um briefing com sete áreas
  • Quatro sites de referência
  • As logos da marca
  • Fotos e preços de sete casas

O que faltava

  • Depoimentos autorizados
  • Dados legais da empresa
  • Quem cuidaria do site depois

Quatro decisões e o que custaram

Três perguntas no lugar do slogan

Situação
O site antigo abria com um slogan. Quem chega quer saber antes se consegue comprar.
Decisão
Troquei o slogan por três cards no topo, um por pergunta. Dois abrem a pré-análise com a intenção já marcada; o terceiro abre o catálogo. Critério: responder rápido às três perguntas do briefing.
Trade-off
Custo: o slogan antigo desceu para a seção de casas entregues. Consequência: dois dos três caminhos levam direto à pré-análise.
Ver no celular
Toque num card para seguir o caminho dele.

Uma pré-análise que termina no WhatsApp

Situação
O briefing pedia um formulário que chegasse ao consultor, mas não havia sistema por trás para recebê-lo.
Decisão
Em vez de um formulário com envio ao consultor, quatro etapas curtas mostram a faixa de renda e as casas que combinam, e o envio abre o WhatsApp com as respostas. Critério: funcionar sem sistema por trás.
Trade-off
O site não guarda leads. O resultado e as faixas de renda são de referência, não uma análise de crédito.
Faça a pré-análise. Na etapa 2, troque a renda ou a cidade para ver o resultado mudar.
Pular a demonstração
  1. Intenção
  2. Seus dados
  3. Resultado
  4. Enviar

Pré-análise · gratuita

O que você quer resolver primeiro?

Escolha uma opção. É rápido, sem compromisso e sem consulta ao seu CPF — no fim, a conversa continua pelo WhatsApp com um consultor da 3 Lírios.

Qual é a sua intenção?

Na etapa 2, o site também pede telefone, FGTS, se a pessoa já tem imóvel, uma mensagem e o consentimento. Aqui ficaram só os campos que mudam o resultado.

Escritório do corretor: de 11 para 4 módulos

Situação
O briefing pedia um escritório virtual para corretores, com 11 módulos.
Decisão
Cortei para 4 módulos, em vez de entregar nove com selo de em construção. Critério: nada na tela deve parecer inacabado.
Trade-off
Custo: o escritório ficou menor do que o briefing pedia. Consequência: nenhum módulo na tela leva selo de em construção.
Ver no celular
Os 4 módulos que ficaram. Materiais de venda abre as fotos e os renders de cada casa. O login de demonstração e os avisos de exemplo ficaram de fora.

Cortar o que exige manutenção

Situação
Depois do lançamento, ninguém na 3 Lírios vai atualizar o site.
Decisão
Tirei o que envelhece: a faixa de obras saiu da página inicial, os dados das casas vêm de uma lista única e Notícias ficou com matérias fixas. Critério: só entra o que dura sem manutenção.
Trade-off
Custo: o site parece menos vivo. Em troca, nada fica velho na tela: informação velha custa mais confiança do que a falta dela.

No ar, com os primeiros contatos

A V1 está no ar. Os primeiros números ainda são poucos para afirmar efeito sobre vendas, mas mostram o caminho até o contato funcionando.

Quatro pedidos da equipe, todos entregues

  1. Falar com um consultor no WhatsAppVer na pré-análise
  2. Situação da obra em destaque no catálogo
  3. Uma página de notícias da região
  4. Materiais para corretores e imobiliáriasVer a tela

Primeiros números da V1

Números do Google Analytics, apresentados pela 3 Lírios, desde o lançamento da V1. Quem classificou os contatos qualificados foi a construtora. A amostra é pequena e não comparo com o site antigo, então não atribuo os contatos ao redesenho.

  • 468sessões
  • 10contatos recebidos, 2,1% das sessões
  • 4contatos qualificados pela construtora, 40% dos recebidos

O que levo para o próximo projeto

Ver antes de escolher

Conceitos renderizados, não descritos, aceleraram a decisão do primeiro dia.

Perguntar quem vai manter

Saber que ninguém atualizaria o site mudou o conteúdo desde a página inicial.

As palavras vêm do cliente

A equipe pediu “casas” onde eu tinha escrito “imóvel”, e conhece o comprador melhor do que eu. Na navegação, “Imóveis” voltou depois.

O que eu faria diferente

Testaria a pré-análise com compradores reais antes da apresentação e definiria cedo como os contatos chegam à equipe. Hoje, todos vão para um único número de WhatsApp.


Conceitos e interface, em detalhe

Quatro dias, três conceitos

Eram quatro dias até a apresentação. Fechei o escopo no primeiro dia, comparei três conceitos já renderizados e construí direto no código, para a equipe navegar por um site de verdade. Escopo, direção e entrega foram decisões minhas; trabalhei com agentes de IA que montei no Claude Code.

Troque de aba para comparar os três conceitos do primeiro dia com a página aprovada. Fotos e dados dos conceitos eram provisórios.

Editorial, com linha guia na margem, fonte serifada e terracota. Escolhi este pelo tom acolhedor para quem compra a primeira casa.

Abrir em tela cheia (abre em nova aba)
Voltei de uma grade de cinco fotos para uma foto grande

O QA passou por 72 combinações de página e largura, sem rolagem lateral.

A ficha em HTML, num celular: use as setas da galeria, toque nas miniaturas e abra o menu para ver como ele vira um botão.

A galeria da ficha

Cada casa tem uma foto grande e uma tira de miniaturas. Testei uma grade de cinco fotos e voltei atrás: ela dava à página cara de marketplace.

Próximo case

Observatório SEBRAE Moda

Desenhado dentro do CMS que o SEBRAE já usa: a fidelidade à plataforma virou critério de qualidade.

Atuação: Product Designer (UX, UI e PO)

Web · Cliente real · Dentro de um CMS

Topo da página Moda no Brasil, no Observatório Setorial Territorial do SEBRAE, com o título A moda vai muito além da roupa
Ver case do Observatório SEBRAE Moda