Carmel.IA Site + Sistema

Carmel.IA

De horas escrevendo um único post a conteúdo pronto em minutos — mais de 500 profissionais de saúde produzindo com a estratégia da agência.

O Carmel.IA começou como uma dor interna da agência. Todo cliente da área de saúde chegava com a mesma frustração: sabia que precisava estar no Instagram, mas travava na hora de escrever. E a agência, do outro lado, gastava horas de redator em posts que poderiam seguir um padrão — porque a metodologia já existia, estava na cabeça das pessoas, só não estava em lugar nenhum de forma sistematizada.

A primeira versão foi só isso: um formulário, um prompt e um texto de volta. Funcionou, mas ficou óbvio que texto genérico não serve para médico nenhum. Foi aí que entrou o coração do produto: o construtor de persona e posicionamento. Antes de gerar qualquer coisa, o profissional descreve quem ele é, no que acredita, que resultados entrega, e para quem fala. Esse contexto passa a alimentar toda geração — o post deixa de parecer IA e passa a parecer ele.

Depois vieram as camadas. Roteiros de vídeo com os pilares HIVOA (História, Informação, Valores, Opinião, Autoridade), porque reels viraram o principal formato. Auditoria de perfil com Gemini 2.5 Pro, que lê prints do Instagram e devolve um diagnóstico de nove seções exportável em PDF com a marca da agência. Uma área de vídeos-aula com transcrição automática e assistente de IA que responde perguntas sobre a aula. Painel administrativo para controlar planos, limites mensais, papéis e o programa beta.

O caminho não foi linear. Chegamos a gerar imagens com IA e recuamos: a qualidade não sustentava a marca de nenhum profissional sério, então a estratégia virou texto-first e todo o fluxo foi reescrito. Também houve uma fase inteira dedicada só a performance — trocar recarregamentos de página por navegação SPA, cachear com React Query, lazy-load das rotas pesadas, esqueletos granulares por componente — porque a percepção de lentidão estava matando a experiência mais do que qualquer feature faltando. E houve trabalho pesado de dados: descobrir por que usuários beta nasciam com o plano errado, corrigir e blindar o cadastro.

Hoje o produto roda em domínio próprio, com mais de 1.300 profissionais convidados, mais de 500 contas criadas e centenas de posts gerados dentro da plataforma.

O que o projeto resolve

O cenário de antes: o profissional de saúde olhava para o Instagram em branco. Sem repertório de temas, sem clareza de posicionamento, sem tempo entre consultas para escrever. O resultado era postar pouco, postar genérico ou terceirizar e receber conteúdo que não soava como ele. Do lado da agência, cada cliente novo significava mais horas de redator: briefing, redação, aprovação, ajuste, publicação — um processo caro que não escalava.

O Carmel.IA transforma essa metodologia em software. Ele resolve:

  • a página em branco — sempre há tema, gancho e formato sugeridos;
  • a falta de identidade — a geração é ancorada em persona e posicionamento reais;
  • a inconsistência — histórico, calendário, agendamento e limites mensais mantêm ritmo de publicação;
  • o diagnóstico — a auditoria mostra objetivamente o que está errado no perfil;
  • a escala da agência — um produto atende centenas de contas sem multiplicar a equipe de redação.

Quer algo parecido? Fala com a gente no WhatsApp →

O que mudou no negócio

  • Mais de 1.300 profissionais convidados para o beta e mais de 500 contas ativas na plataforma.

  • Centenas de posts gerados, com histórico e status rastreados.

  • Redação de um post caiu de horas para minutos — o profissional sai do zero com conteúdo pronto.

  • A metodologia editorial agora é um produto — a agência escala atendimento sem escalar equipe de redação.

  • Auditoria de perfil em PDF com a marca, em minutos.

  • Gestão administrativa completa: onboarding, planos e limites sem tocar em banco de dados manualmente.

  • Ganho de performance percebida: navegação instantânea e app instalável no celular.

Como a gente resolveu

React 18TypeScriptViteTailwind CSSshadcn/ui (Radix)React RouterTanStack QueryReact Hook Formhtml2canvasSupabase (PostgreSQL)Supabase Auth (e-mail/senha e Google)OpenAI (GPT)

No site

  • Landing / página inicial (/) — apresentação da plataforma, proposta de valor e chamadas para acesso e cadastro.

  • Login (/login) — e-mail/senha e login social com Google.

  • Cadastro (/register) — com validação de acesso beta em tempo real (só e-mails liberados entram), medidor e validador de força de senha.

  • Recuperação de senha (/reset-password) — envio de e-mail transacional por domínio próprio via Resend.

  • Definição de nova senha (/update-password) e rota de redirecionamento de recovery (/auth/recovery) — fluxo completo de retomada de conta.

  • Página de instalação do app (/install) — instruções para instalar o PWA no iOS e Android.

  • Callback do Instagram (/instagram-callback) — retorno do OAuth da Meta.

  • Página 404 personalizada.

  • Camada técnica de site: PWA instalável com service worker e atualização automática, SEO e Open Graph, tema claro/escuro, layout responsivo mobile-first.

No sistema

  • Autenticação e contas — Supabase Auth com e-mail/senha e Google, sessão persistente, rotas protegidas, e-mails transacionais.

  • Programa de acesso beta — tabela de convidados, verificação de acesso no cadastro, ativação por e-mail.

  • Perfil profissional — dados do profissional, especialidade, upload de avatar, edição inline, cartão de limites.

  • Construtor de Persona — criação de múltiplas personas de paciente, seletor de persona ativa.

  • Posicionamento profissional — coleta de valores, diferenciais, história pessoal, resultados para guiar geração.

  • Geração de posts com IA (núcleo do produto) — fluxo guiado por etapas, título gerado em passada dedicada.

  • Preview de post estilo Instagram — visualização em card e mockup, edição inline de legenda e hashtags.

  • Refinamento pós-geração — barra de ajustes sem recomeçar o fluxo.

  • Histórico e gestão de posts — filtros, busca, edição, exclusão com confirmação.

  • Calendário editorial — visualização mensal dos posts, detalhes por dia.

  • Roteiros de vídeo (HIVOA) — geração de roteiros por pilares, visualizador e edição.

  • Auditoria de perfil do Instagram — upload de prints, análise com Gemini 2.5 Pro, histórico de auditorias, exportação em PDF.

  • Integração com Instagram — OAuth, Edge Function de publicação segura.

  • Área de vídeos / LMS — biblioteca de vídeos-aula, player dedicado, transcrição automática, assistente de IA.

  • Analytics do usuário — cartões de estatística, gráfico de posts, progresso de uso do plano.

  • Planos e limites de uso — controle de limites mensais, troca de plano, reset mensal automático.

  • Notificações push (PWA) — assinatura Web Push, tela de preferências de notificação.

  • Onboarding — tour de boas-vindas destacando a auditoria e criação.

  • Configurações — preferências, segurança, tema claro/escuro.

  • Painel administrativo — dashboard com métricas reais, listagem de usuários com paginação.

  • Gestão de papéis e permissões — distinção entre Administrador e Gestor.

  • Criação de usuários pelo admin — função que cria a conta de forma automática.

  • Camada de segurança — RLS em todas as tabelas, rate limiting, sanitização com DOMPurify.

  • Camada de performance e DX — navegação 100% SPA, cache com TanStack Query, lazy-load das rotas pesadas.

Quer um projeto assim pro seu negócio?

Converse com a gente sobre como colocar sua ideia no ar.

Falar no WhatsApp