Ir para o conteúdo
bertoni.coPTENOrçamento online

Estudo de caso · 2026

Casablue

Persianas, cortinas e toldos na Grande São Paulo. O site leva cada visitante a um pedido de orçamento pronto no WhatsApp, e um agente de IA escreve os posts do blog todos os dias.

Cliente
CasaBlue Persianas
Segmento
Persianas, cortinas, toldos e papéis de parede
Entrega
Site institucional + blog com agente de IA
Ano
2026
No ar
No arcasabluepersianas.com.br

01 · O site

Rodando aqui dentro

Uma cópia do site roda dentro desta página: role, clique e troque entre computador e celular. O formulário está desligado aqui.

casabluepersianas.com.br

02 · O desafio

A venda da CasaBlue acontece numa conversa: o cliente manda fotos, um consultor vai até a casa e tira as medidas. O site precisava levar o visitante até essa conversa já com o que importa (produto, ambiente, cidade e medidas) e ainda ser encontrado no Google e pelas IAs.

03 · A resposta

Um site guiado por fotos, com o catálogo organizado por produto e modelo e um formulário que monta a mensagem do orçamento para o visitante revisar e enviar no WhatsApp. Por trás, um blog que se publica sozinho: todo dia um agente de IA escreve um post sobre persianas, cortinas, toldos ou papéis de parede, o site revisa, publica e atualiza o sitemap e os arquivos para as IAs. Os pedidos caem num CRM próprio, com app Android para a equipe.

  • Site institucional
  • Orçamento montado para o WhatsApp
  • Blog com agente de IA
  • CRM de leads e visitas
  • App Android da equipe
  • SEO, AEO e GEO

04 · Como foi feito

Sete etapas, uma equipe

Cada etapa tem uma frente responsável e um ponto de aprovação antes da seguinte. A IA entra como ferramenta, nunca como autora.

  1. 01

    Imersão

    Levantamento do catálogo inteiro (persianas, cortinas, toldos, papéis de parede e manutenção) e de como a venda acontece: fotos, visita e medidas.

    Estratégia e conteúdo
  2. 02

    Estratégia e conteúdo

    Cada produto com os seus modelos e uma chamada clara. Nenhum preço na página, porque o orçamento depende da visita.

    UX e arquitetura
  3. 03

    Arquitetura e wireframes

    Página guiada por fotos, catálogo por produto e modelo e um formulário que vira mensagem pronta no WhatsApp.

    Direção de arte
  4. 04

    Direção de arte

    Azul-marinho da marca, linho e céu. DM Serif Display nos títulos, Manrope no texto e a frase de abertura: "A luz muda. O seu espaço se transforma."

    Motion e interação
  5. 05

    Desenvolvimento

    Site estático, blog que gera páginas estáticas a cada post e um agente que entrega os textos ao site, que revisa antes de publicar.

    Desenvolvimento
  6. 06

    SEO, AEO e performance

    Posts pensados para o Google e para as IAs, com sitemap, feed e llms.txt atualizados a cada publicação e aviso ao IndexNow.

    SEO, AEO e dados
  7. 07

    Testes e entrega

    Testes de segurança do painel, consentimento LGPD e publicação com backup automático antes de cada atualização.

    Qualidade e performance

05 · Do wireframe ao layout

A estrutura antes da arte

A página inteira, de cima a baixo. Arraste a divisória: de um lado a estrutura (blocos, títulos, fotos e botões), do outro o layout final. Role dentro do quadro.

Wireframe do site CasablueLayout final do site Casablue
WireframeLayout final

06 · Direção de arte

Cores e tipos

  • Azul#183c50
  • Azul profundo#0f2633
  • Azul médio#2d566c
  • Céu#7fa9be
  • Linho#efe9df
  • Névoa#f1f4f4
  • DM Serif DisplayTítulos
  • ManropeTexto

07 · Quem pensou cada parte

Sete frentes, um site

  • 01

    Estratégia e conteúdo

    Quem chega, o que precisa entender e em que ordem. Define a história antes de qualquer tela.

  • 02

    UX e arquitetura

    Mapa da página, wireframes e o caminho até o contato, testado no celular primeiro.

  • 03

    Direção de arte

    Paleta, tipografia, fotografia e o elemento de assinatura que torna o site reconhecível.

  • 04

    Motion e interação

    O que se move, por quê e em que velocidade. Tudo respeita quem pede movimento reduzido.

  • 05

    Desenvolvimento

    Código próprio, sem construtor visual: HTML leve, CSS crítico embutido, painel quando o cliente precisa.

  • 06

    SEO, AEO e dados

    Estrutura para o Google e para as IAs: schema, FAQ de respostas, metadados e consentimento LGPD.

  • 07

    Qualidade e performance

    PageSpeed, acessibilidade, segurança e teste em desktop e celular antes de entregar.

Quer um site assim?

Conte o seu projeto. A Bertoni responde no mesmo dia, pelo WhatsApp ou e-mail.