Portal Educalar Site + Sistema

Portal Educalar

Transformou grupos de WhatsApp e pastas de Drive em uma plataforma educacional própria, com IA, trilhas, certificados e gestão completa da c

O projeto nasceu de uma comunidade que já existia e já funcionava — só não escalava. A Educalar tinha mais de 500 famílias e um acervo grande de material educacional cristão reformado, mas tudo era entregue à mão: link no grupo, pasta compartilhada, aviso repetido três vezes para quem não viu. A primeira versão foi exatamente o que pediram: uma interface por cima do Google Drive, com categorias, ícones e preview de arquivos sem download obrigatório.

Assim que o portal entrou no ar, a demanda mudou de natureza. Se as famílias já estavam ali, elas queriam também os cursos, o calendário das aulas ao vivo, os devocionais, o clube de leitura. Então veio o LMS: cursos, módulos, aulas com player de vídeo que salva o ponto exato de onde o aluno parou, quizzes, trilhas de aprendizagem e certificado em PDF gerado automaticamente ao concluir. Depois veio a parte que mais mexeu com a rotina das famílias: o planejamento. Criamos a Sofia, uma assistente de IA que responde com base no conteúdo real do portal (RAG sobre os próprios materiais e FAQs, não invenção de modelo), e a "Nossa Jornada", que monta plano de estudo semanal por criança respeitando o cronograma real da família, com drag-and-drop de matérias por dia da semana.

Do lado do negócio, o painel administrativo cresceu junto: aprovação de cadastros, permissões, financeiro com MRR/ARR, aniversários, feedbacks, notificações, dashboards de assiduidade que mostram quem está engajado e quem não entra há 30 dias. E numa fase mais recente entramos em território que ninguém tinha pedido no começo: laboratórios 3D interativos. Modelos anatômicos e científicos navegáveis (com estruturas traduzidas para português por IA), um Laboratório de Matemática 3D com sólidos, gráficos de funções e frações manipuláveis, e uma área completa do Método de Singapura para crianças de 6 a 12 anos, com Bar Model interativo, number bonds, frações visuais e banco de problemas com dicas progressivas.

Tudo isso foi construído do zero, de forma incremental, sempre com a mesma disciplina: cada módulo novo entra respeitando o isolamento de dados por perfil (cada filho, cada cônjuge, com o seu), o RLS no banco e a identidade visual da marca.

O que o projeto resolve

O cenário "antes" era este:

  • Material educacional espalhado entre pastas do Google Drive e mensagens de WhatsApp.
  • Nenhuma noção de quem consumia o quê.
  • Liberação de acesso feita manualmente por e-mail.
  • Risco constante de compartilhamento indevido de links e credenciais.
  • Conteúdo excelente que simplesmente não era encontrado porque estava enterrado em conversa de grupo.
  • Famílias perdidas sobre "o que estudar essa semana", cada uma remontando o planejamento na mão.
  • Cursos sem qualquer registro de progresso e certificados feitos individualmente quando alguém pedia.
  • Gestão da comunidade (cadastros, pagamentos, renovações, aniversários, suporte) em planilhas paralelas.
  • A equipe respondendo repetidamente as mesmas dúvidas.

Quer algo parecido? Fala com a gente no WhatsApp →

O que mudou no negócio

  • Centralizou em uma única plataforma o que antes vivia em WhatsApp, Drive e planilhas — fim da busca manual por material.
  • Acesso controlado por assinatura e permissões, reduzindo compartilhamento indevido e liberações manuais.
  • Certificados que antes eram feitos um a um passaram a ser emitidos automaticamente na conclusão do curso.
  • Planejamento semanal por criança gerado por IA em minutos, no lugar de horas de montagem manual por família.
  • Atendimento aliviado: chat com RAG sobre FAQs e conteúdo real responde as dúvidas repetitivas 24/7.
  • Visibilidade que não existia: assiduidade, progresso, engajamento diário e heatmap de 90 dias permitem agir sobre quem está sumindo antes do cancelamento.
  • Gestão financeira da comunidade (MRR, ARR, renovações) dentro do próprio sistema.
  • Diferencial competitivo real de produto: laboratórios 3D e Método de Singapura interativo, algo que nenhuma comunidade concorrente oferece.

Como a gente resolveu

Context APIGeminiLovable AI GatewayRAGReact Three Fiber@react-three/dreiThree.js@dnd-kitjsPDFhtml2canvasmammoth.jsCloudflare R2/Supabase Storage

No site

  • Landing page principal, com apresentação da proposta, provas sociais e CTAs
  • Página da Comunidade Educalar (apresentação e inscrição)
  • Página "O que é Homeschooling" e Guia Completo de Homeschooling
  • Página "O que é Afterschooling" e Guia Completo de Afterschooling
  • Quiz "Descobrir a modalidade ideal"
  • Calculadora de economia da educação domiciliar
  • Página de Testemunhos com vídeos de famílias
  • Materiais gratuitos para download (captação de leads)
  • Catálogo público de cursos (navegável sem login)
  • Devocionais públicos
  • FAQ público com deep link por pergunta, filtros e busca
  • Chat de atendimento inteligente global (popup em todas as páginas), com respostas baseadas nas FAQs reais
  • Página de cadastro/autoinscrição de novos membros com fluxo de aprovação
  • Página de pedido do Sistema Mackenzie (parceria exclusiva)
  • Sistema de popups promocionais gerenciáveis pelo admin (com agendamento e regras de exibição)
  • Rodapé institucional com hub de recursos (blog, loja, plataforma de xadrez etc.)
  • Camada de SEO: meta tags dinâmicas por página, Schema.org/JSON-LD, sitemap.xml, robots.txt, llms.txt, lazy loading e otimização de imagens

No sistema

  • Autenticação, perfis e acesso: Login via Google OAuth com sessão persistente e proteção de rotas. Sistema de usuários autorizados com níveis de acesso e permissões granulares por seção/pasta.
  • Portal de conteúdo e materiais: Acervo "Nossos Materiais" com pastas recursivas nativas, breadcrumbs interativos, visualização em lista/cards. Visualizador interno de PDFs, documentos e planilhas (sem download obrigatório).
  • LMS — cursos, trilhas e certificados: Cursos com módulos, aulas, materiais complementares e conteúdo extra.
  • IA pedagógica: Sofia, assistente de IA com RAG sobre o conteúdo real do portal, citando as fontes e com histórico agrupado por tema/criança.
  • Nossa Jornada — planejamento de estudos: Questionário de perfil da família e de cada criança (incluindo currículo adotado). Geração de currículo estruturado de 6 a 8 semanas por IA, com avanço automático de semana.
  • Módulos interativos 3D: Ciências: modelos anatômicos GLB navegáveis, com estruturas clicáveis, explicações e tradução automática para português por IA.
  • Engajamento e comunidade: Blog interno com artigos, favoritos, comentários com curtidas e respostas em thread. Devocionais diários.
  • Notificações e suporte: Sino de notificações no portal e no admin, com deep link direto para o material/pedido que originou a notificação.
  • Painel administrativo (/manager): Dashboard com KPIs de uso e engajamento. Gestão de usuários e ciclo de vida.
  • Infraestrutura e segurança: Row Level Security em todo o banco, com políticas por e-mail/auth.uid().

Quer um projeto assim pro seu negócio?

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

Falar no WhatsApp