ApexPlus
O software inteligente para clínicas odontológicas.
Plataforma SaaS de gestão odontológica com agenda inteligente, prontuário digital com odontograma, prescrição digital e controle financeiro — tudo em um só lugar.
O que entregamos
- Produto SaaS
- Landing page
- Pagamentos
- Infraestrutura
A história
Do problema ao produto no ar
- 01
O desafio
Clínicas odontológicas costumam dividir a rotina entre agenda em papel, planilhas financeiras e prontuários espalhados. Faltava uma ferramenta única, moderna e simples o bastante para a recepção e para o dentista usarem todos os dias.
- 02
A solução
Criamos o ApexPlus em duas frentes: uma aplicação em Laravel + Inertia + Vue, rápida como um app, com agenda de arrastar e soltar, odontograma visual e prescrição com busca inteligente; e uma landing page em Next.js na Vercel, otimizada para SEO e conversão, com teste grátis e assinatura online.
- 03
O resultado
Um produto SaaS completo e escalável, em que a clínica se cadastra sozinha, testa por 7 dias e passa a centralizar agenda, pacientes, prontuários e finanças em um único sistema.
Funcionalidades
O que construímos
Dashboard 360°
Métricas em tempo real, fila de atendimento e indicadores da clínica.
Agenda inteligente
Calendário visual com arrastar e soltar para múltiplos profissionais e bloqueio de horários.
Odontograma digital
Registro visual por dente e face, com histórico completo de procedimentos.
Prescrição digital
Busca em mais de 50 mil medicamentos, modelos personalizados e envio por WhatsApp ou e-mail.
Gestão de pacientes
Cadastro completo, aniversariantes e busca inteligente.
Financeiro e fluxo de caixa
Receitas, despesas e resultado com indicadores automáticos e filtros avançados.
Arquitetura
Cada tecnologia, explicada
Escolhemos cada peça com um propósito. Veja o que é cada uma e por que ela está neste projeto.
24 tecnologias
Interface
O que o usuário vê e toca
Next.js
- O que é
- Framework React com renderização no servidor e geração estática.
- Neste projeto
- Landing page renderizada no servidor, com SEO e carregamento instantâneo.
Páginas que carregam quase instantaneamente e chegam prontas para o Google indexar.
React
- O que é
- Biblioteca para construir interfaces a partir de componentes reutilizáveis.
- Neste projeto
- Componentes reutilizáveis em toda a landing.
Interfaces ricas e consistentes, fáceis de evoluir sem quebrar o que já funciona.
TypeScript
- O que é
- JavaScript com tipagem estática.
- Neste projeto
- Tipagem em todo o código da landing.
Erros são pegos ainda no desenvolvimento, não pelo usuário em produção.
Tailwind CSS
- O que é
- Framework de CSS utilitário para estilização rápida e consistente.
- Neste projeto
- Design consistente na landing e no sistema.
Design fiel ao layout, responsivo em qualquer tela e com CSS final enxuto.
shadcn/ui
- O que é
- Coleção de componentes acessíveis construídos sobre Radix e Tailwind.
- Neste projeto
- Base de componentes acessíveis da landing.
Componentes acessíveis por padrão (teclado, leitores de tela) e totalmente personalizáveis.
Motion
- O que é
- Biblioteca de animações declarativas para React.
- Neste projeto
- Animações suaves nas seções de funcionalidades.
Microinterações suaves que guiam o olhar do visitante sem pesar a página.
Vue.js
- O que é
- Framework JavaScript progressivo para interfaces reativas.
- Neste projeto
- Interface reativa da aplicação: agenda, odontograma e prontuário.
Telas dinâmicas e fluidas, ideais para painéis com muita interação.
Inertia.js
- O que é
- Ponte entre Laravel e Vue/React sem precisar de uma API separada.
- Neste projeto
- Navegação de aplicativo sem recarregar a página.
Experiência de aplicativo de página única com a produtividade e a segurança do Laravel.
Aplicação
Regras de negócio, APIs e segurança
Laravel
- O que é
- O framework PHP mais usado do mundo para aplicações web.
- Neste projeto
- Núcleo do SaaS: clínicas, usuários, agenda, prontuários e assinaturas.
Autenticação, filas, e-mails e segurança robustos desde o primeiro dia.
PHP
- O que é
- Linguagem que move boa parte da web, em versões modernas e rápidas.
- Neste projeto
- Versão moderna e performática da linguagem.
Base estável, performática e com hospedagem acessível.
Tempo real e assíncrono
Atualizações instantâneas e tarefas em segundo plano

Laravel Reverb
- O que é
- Servidor WebSocket oficial do Laravel para comunicação em tempo real.
- Neste projeto
- Servidor WebSocket que mantém agenda, fila de atendimento e notificações atualizadas em tempo real.
Telas que se atualizam sozinhas, com alta performance e sem serviços de terceiros.
WebSockets
- O que é
- Comunicação em tempo real entre servidor e navegador.
- Neste projeto
- Recepção e dentistas veem as mudanças na hora, sem recarregar a página.
Notificações, chats e painéis que se atualizam na hora, sem recarregar.
Dados e arquivos
Onde a informação vive com segurança
PostgreSQL
- O que é
- Banco de dados relacional avançado e de código aberto.
- Neste projeto
- Dados de pacientes, agenda e financeiro de cada clínica.
Integridade de dados rigorosa, consultas complexas eficientes e escalabilidade para crescer junto com o produto.
Redis
- O que é
- Banco de dados em memória, extremamente rápido.
- Neste projeto
- Cache, filas e sessões para o sistema responder rápido.
Cache, filas e sessões que deixam o sistema ágil mesmo com muitos acessos simultâneos.
Amazon S3
- O que é
- Armazenamento de arquivos na nuvem da AWS.
- Neste projeto
- Arquivos das clínicas, como documentos e imagens de pacientes.
Imagens e arquivos guardados com alta disponibilidade, sem pesar o servidor.
Infraestrutura e entrega
Como o projeto chega rápido e estável ao público
Vercel
- O que é
- Plataforma de hospedagem na edge, criada pelos autores do Next.js.
- Neste projeto
- Hospedagem da landing com deploy automático.
Deploy automático a cada atualização e páginas servidas perto do usuário.
Cloudflare
- O que é
- CDN global com proteção contra ataques e SSL.
- Neste projeto
- CDN e proteção da aplicação.
Site rápido em todo o Brasil e protegido contra ataques DDoS e bots.
Vite
- O que é
- Ferramenta de build moderna e extremamente rápida.
- Neste projeto
- Build otimizado da aplicação Vue.
Arquivos finais menores e otimizados, que deixam o site mais leve.
PWA
- O que é
- Progressive Web App: o site pode ser instalado como aplicativo.
- Neste projeto
- Landing instalável no celular.
Ícone na tela inicial do celular sem precisar passar pelas lojas de apps.
Integrações
Pagamentos, métricas e serviços externos
Google Analytics
- O que é
- Métricas de acesso e comportamento dos visitantes.
- Neste projeto
- Métricas da landing e do funil de cadastro.
Decisões baseadas em dados reais de tráfego e conversão.
Meta Pixel
- O que é
- Rastreamento de conversões para anúncios no Facebook e Instagram.
- Neste projeto
- Conversões das campanhas de aquisição de clínicas.
Campanhas mais baratas e precisas, otimizadas para quem realmente compra.

Pagar.me
- O que é
- Gateway de pagamentos com cartão, Pix e boleto.
- Neste projeto
- Pagamento das assinaturas do SaaS.
Cobranças online com antifraude e conciliação automática.

Asaas
- O que é
- Plataforma de cobranças, assinaturas e conta digital.
- Neste projeto
- Cobranças recorrentes e gestão das assinaturas.
Cobranças recorrentes automatizadas, com régua de lembretes e baixa automática.
WhatsApp Cloud API (Meta)
- O que é
- API oficial da Meta para enviar mensagens pelo WhatsApp a partir do sistema.
- Neste projeto
- Envio de prescrições e mensagens aos pacientes pela API oficial do WhatsApp.
Mensagens automáticas e confiáveis, pelo canal que o cliente mais usa.
Galeria
Telas do projeto
Quer um projeto assim para o seu negócio?
Conte sua ideia e montamos juntos a melhor solução — com a mesma clareza que você viu aqui.


