Site e sistema de agendamento de uma empresa de higienização de estofados: a IA monta o pedido pela foto no próprio celular, o preço é combinado no WhatsApp e a agenda só oferece horários livres de verdade.
Projeto feito para a unidade Águas Claras (DF) da LIMPO.AI.
Resumo em 30 segundos
Higienização de estofados costuma ser vendida pelo WhatsApp, com idas e vindas para mandar foto, explicar o que precisa ser limpo e achar um horário. O desafio era encurtar esse caminho, com o pedido chegando pronto na conversa e as vagas reais no próprio site, e dar à unidade um sistema de gestão sem custo fixo, já que ela estava começando.
Construímos um site em que o cliente resolve tudo em poucos passos: tira uma foto e a IA monta o pedido, ajusta as peças se precisar e escolhe um período livre. O pedido chega pronto no WhatsApp do dono, que combina o preço na conversa. Por trás, um painel com agenda, clientes, preços, promoções e marketing roda apenas em serviços com plano gratuito.
O que foi entregue
Quatro etapas do site, como estão no ar.
Logo na abertura, o visitante passa o mouse (ou o dedo) sobre uma almofada manchada e vê a sujeira sair, enquanto o contador vai de 0% a 100% limpo.
O cliente envia uma foto e a IA reconhece sofá, poltrona, cadeira ou cama e já monta o pedido. A análise roda no próprio navegador: a foto só sai do aparelho quando o cliente toca em “Veja o preço”, e aí segue para a equipe junto com a mensagem.
O cliente monta o pedido peça por peça e vê o tempo no local e o tempo de secagem. Quem passa o preço é a própria LIMPO.AI, no WhatsApp, com o pedido já escrito na mensagem.
Só aparecem os períodos livres, de segunda a sábado, de manhã e à tarde. Ao enviar, a vaga é conferida de novo e o pedido chega pronto no WhatsApp do dono.
Painel da equipe
O que aparece no site é editado no painel e muda na hora, sem publicar de novo. Cada pessoa vê só as áreas do seu nível de acesso.
NecessidadeA equipe atende com vagas limitadas por manhã e tarde e para em folgas e feriados.
O que foi feitoAgenda da semana com as vagas livres por período, bloqueio de dia inteiro ou de um período com motivo, e lembretes de revisão com a mensagem de WhatsApp pronta.
Dados fictíciosNecessidadeSaber quem voltou, quem sumiu e quem indicou, sem manter planilha.
O que foi feitoUm CRM montado a partir dos agendamentos: filtros de quem voltou, de quem não pede há 6 meses e de quem tem pet, etiquetas, anotações e total gasto por cliente.
Dados fictíciosNecessidadeO preço é combinado no WhatsApp, mas a equipe precisa de uma referência para cada peça.
O que foi feitoTabela de itens com preço e tempo que não aparece no site: serve de referência e vira a estimativa na agenda. Item desligado sai do site sem perder o preço.
Dados fictíciosNecessidadeCampanhas e cupons mudam a cada mês.
O que foi feitoCupons em porcentagem ou valor, com validade, limite de usos, pedido mínimo e serviços, que passam a valer no site na hora. Indicação e plano pet ficam na mesma tela.
Dados fictíciosNo celular
NecessidadeA agenda é consultada na rua, entre um atendimento e outro.
O que foi feitoA mesma agenda no celular, dia a dia, com os atendimentos de cada período e os bloqueios.
Dados fictíciosPedidos, receita realizada, ticket médio, origem dos clientes e agenda dos próximos 7 dias.
Visão em lista ou por semana, com confirmar, concluir e cancelar, valor cobrado e bloqueio de dias.
Um CRM montado a partir dos agendamentos, com histórico, etiquetas, indicações e mensagens prontas de WhatsApp.
Tabela do simulador, parcelas, cupons, indicação e plano pet, tudo editável.
Pedidos por canal e por campanha, gerador de links com UTM e IDs do GA4, Google Ads e Meta Pixel.
Níveis Administrador e Atendente, bloqueio após senhas erradas, recuperação por e-mail e histórico de alterações.
Design no Figma
Tecnologia
Next.js
Versão 16. Site, painel e rotas de API no mesmo app, com uma rotina diária de lembretes.
React
Versão 19. Componentes interativos: almofada, simulador, orçamento por foto e agenda.
TypeScript
Regras de preço, agenda e permissões tipadas e validadas com zod.
Tailwind CSS
Tokens da marca e da linguagem visual do site.
MediaPipe
Detecção de objetos no navegador, num Web Worker, sem servidor de IA.
GSAP
Animações da página e rolagem suave com Lenis.
Prisma
Agendamentos, clientes, configurações e histórico no Postgres serverless do Neon.
Vercel
Publicação em São Paulo e rotina diária (Cron) para os lembretes de revisão.
Engenharia
O modelo, de cerca de 7,8 MB, só é baixado quando a seção se aproxima e roda num Web Worker: a página não trava e não existe conta de API de IA.
A reserva confere a vaga numa transação serializável no banco, então dois clientes nunca ficam com o mesmo horário.
UTM, gclid e fbclid ficam guardados por 30 dias e seguem com o agendamento. O painel agrupa os pedidos por canal e por campanha.
GA4, Google Ads e Meta Pixel só carregam após o aceite de cookies, e os dados de um cliente podem ser apagados pelo painel.
Identidade visual
Cores e fontes conferidas no site no ar, e não apenas no código.
Paleta · clique para copiar
Títulos
Mancha sai.
Space Grotesk
Títulos e números de destaque.
Destaques
Ácaro sai.
Instrument Serif
Palavras em itálico dentro dos títulos.
Texto
Higienização no seu endereço
Manrope
Textos corridos e formulários.
Rótulos
PRÓXIMA VAGA: AMANHÃ
JetBrains Mono
Etiquetas, contadores e o recibo do orçamento.
Próximo passo
Criamos sites que montam o pedido e mostram as vagas na hora, com um painel para a sua equipe cuidar dos pedidos.
