3 Lírios

The challenge was not to build a pretty website. It was to build a sales funnel that works with little time and no one to maintain it, cutting the scope until it fits. The new website of a builder in Minha Casa Minha Vida, Brazil’s affordable housing program, answers the three questions of someone who wants to stop renting and leads that person to WhatsApp.

Open the website
Role
Product Designer, from scope to code
Outcome
Version 1 is live, approved by 3 Lírios. Since launch, 468 sessions and 10 contacts, 4 of them qualified by the builder. Limit: small sample and no testing with buyers.
Timeline
4 days to the presentation, then 4 weeks of changes
Team
Just me, with AI agents in Claude Code and code review by a TD Business developer
Skip the demo

The approved site, in HTML and in Portuguese: filter the homes, open a listing, run the pre-assessment.

View on

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.

Fachada térrea da Casa Camélia, com revestimento de pedra clara e porta de madeira.
Fachada térrea branca da Casa Melissa, com detalhe em cinza.
Fachada da Casa Rosa, branca, com platibanda cinza e porta de madeira.

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.

3 Lírios Construções e Incorporações

Sua casa própria pode começar aqui.

Navegação

Contato

  • 3liriosconstrucoes@gmail.com

3 Lírios Construções e Incorporações · CNPJ 00.000.000/0001-00 · Rua Exemplo, 000 — Palhoça/SC (dados de demonstração)

Platform

Web, on desktop and phone

Tools

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

Client

3 Lírios Construções e Incorporações, with homes in Tubarão, Capivari de Baixo and Pescaria Brava (Santa Catarina)

Deliverables

Scope, information architecture, visual direction, interface and the coded website

Highlights

The old site did not answer whether people could buy

3 Lírios builds homes financed through Minha Casa Minha Vida. The old website was a single page: a slogan, two blocks of listings and a contact form. The brief asked for the opposite: answer three questions fast. Can I buy? How much can I pay? Which home suits me? First-time buyers often use a basic phone, and no one at the builder would update the site later.

Drag the divider to compare the old home page with the new one.

Old 3 Lírios website: a photo of a house front, the headline Your home, your story and a button that reads Discover.
The before is a screenshot of the old website, from September 30, 2026. The after is the new website, in HTML.

What I received

  • A brief with seven areas
  • Four reference websites
  • The brand logos
  • Photos and prices of seven homes

What was missing

  • Approved testimonials
  • The company’s legal details
  • Someone to update the site later

Four decisions and what they cost

Three questions instead of a slogan

Situation
The old site opened with a slogan. Visitors first want to know whether they can buy.
Decision
I replaced the slogan with three cards at the top, one per question. Two open the pre-assessment with the intent already chosen; the third opens the catalog. Criterion: answer the brief’s three questions fast.
Trade-off
Cost: the old slogan moved down to the delivered homes section. Consequence: two of the three paths lead straight to the pre-assessment.
See it on a phone
The website is in Portuguese. Tap a card to follow its path.

A pre-assessment that ends in WhatsApp

Situation
The brief asked for a form that would reach a sales consultant, but there was no system behind it to receive it.
Decision
Instead of a form sent to the consultant, four short steps show the income band and the homes that fit, and sending opens WhatsApp with the answers. Criterion: work with no system behind it.
Trade-off
The site stores no leads. The result and the income bands are reference values, not a credit check.
Take the pre-assessment. In step 2, change the income or the city to see the result change.
Skip the demo
  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?

In step 2, the website also asks for a phone number, FGTS (a government-backed savings fund), whether the person already owns a home, a message and consent. Only the fields that change the result are kept here.

Broker office: from 11 modules to 4

Situation
The brief asked for a virtual office for brokers with 11 modules.
Decision
I cut it to 4 modules, instead of shipping nine marked under construction. Criterion: nothing on screen should look unfinished.
Trade-off
Cost: the office ended up smaller than the brief asked for. Consequence: no module on screen carries an under-construction badge.
See it on a phone
The 4 modules that stayed. Materiais de venda (sales materials) opens each home’s photos and renders. The demo login and the sample notices are left out.

Cut what needs upkeep

Situation
After launch, no one at 3 Lírios will update the website.
Decision
I removed what goes stale: the construction strip left the home page, home data comes from a single list and News keeps fixed articles. Criterion: only what lasts without upkeep stays.
Trade-off
Cost: the site feels less alive. In return, nothing goes stale on screen: outdated information costs more trust than missing information.

Live, with the first contacts

Version 1 is live. The first figures are still too few to claim an effect on sales, but they show the path to a contact working.

Four team requests, all delivered

  1. Talking to a consultant on WhatsAppSee it in the pre-assessment
  2. Construction status up front in the catalog
  3. A page with local news
  4. Materials for brokers and agenciesSee the screen

First figures for version 1

Google Analytics figures, shared by 3 Lírios, since version 1 launched. The builder decided which contacts were qualified. The sample is small and I do not compare it with the old site, so I do not credit the contacts to the redesign.

  • 468sessions
  • 10contacts received, 2.1% of sessions
  • 4contacts qualified by the builder, 40% of those received

What I take to the next project

See before choosing

Rendered concepts, not descriptions, sped up the day-one decision.

Ask who will maintain it

Knowing no one would update the site shaped the content from the home page on.

The words come from the client

The team asked for “homes” where I had written “property”, and they know the buyer better than I do. In the navigation, “Imóveis” (properties) came back later.

What I'd do differently

I'd test the pre-assessment with real buyers before the presentation, and decide early how contacts reach the team. Today, they all go to a single WhatsApp number.

Open the website

Concepts and interface, in detail

Four days, three concepts

There were four days until the presentation. I closed the scope on day one, compared three rendered concepts and built straight in code, so the team could click through a real website. Scope, direction and delivery were my decisions; I worked with AI agents I set up in Claude Code.

Switch tabs to compare the three day-one concepts with the approved page. Photos and data in the concepts were placeholders.

Editorial, with a guide line in the margin, a serif typeface and terracotta. I chose it for its welcoming tone for a first-time buyer.

Open full screen
I went back from a five-photo grid to one large photo

QA covered 72 page and width combinations, with no sideways scrolling.

The Casa Peônia page in HTML on a phone, in Portuguese: use the gallery arrows, tap the thumbnails and open the menu to see it become a button.

The home page gallery

Each home has one large photo and a strip of thumbnails. I tried a five-photo grid and went back: it made the page look like a marketplace.

Next case

SEBRAE Fashion Observatory

Designed inside the CMS SEBRAE already uses: fidelity to the platform became the quality criterion.

Role: Product Designer (UX, UI and PO)

Web · Real client · Inside a CMS

Top of the Fashion in Brazil page, in the SEBRAE Territorial Sector Observatory, with the headline A moda vai muito além da roupa