Site institucional para clínica de análises clínicas com sistema de agendamento integrado ao WordPress, bloqueio de horários em tempo real e importação de mais de mil exames via XML.
DesignAgência Ade!
↗ Ver projeto ao vivo
01
Visão Geral
A Vitalle é uma clínica de análises clínicas que precisava de um site para centralizar informações institucionais, oferecer agendamento de consultas e exames, e permitir que a equipe atualizasse conteúdo sem depender de alterações no código. O site atende pacientes em busca de informações sobre exames, unidades e preparações — e permite agendamento direto pela web.
O projeto foi desenvolvido com Next.js e JavaScript, estilizado com Tailwind CSS e integrado ao WordPress como CMS via endpoint personalizado em PHP. O sistema de agendamento conecta o front-end a esse endpoint, que valida horários disponíveis e impede conflitos de reserva. Hospedagem na Vercel.
02
Desafio
O principal ponto técnico foi o sistema de agendamento. O WordPress não oferece nativamente um mecanismo para bloquear horários já ocupados em tempo real — criar isso exigiu um endpoint customizado capaz de receber os dados do paciente, verificar disponibilidade e registrar o agendamento de forma que o bloqueio se refletisse tanto no front-end quanto no painel administrativo.
O segundo desafio foi a importação de mais de mil nomes de exames a partir de um arquivo XML. Esses dados precisavam virar post types no WordPress e ser expostos em uma página de busca dinâmica — mantendo performance de consulta com um volume grande de registros.
03
Solução
Criei um endpoint customizado no WordPress que recebe os dados do paciente, valida disponibilidade e registra o agendamento como post type. Horários ocupados são bloqueados no formulário do front-end em tempo real, com sincronização automática com o painel administrativo.
Para os exames, escrevi um script de importação do XML para post types no WordPress, conectando essa estrutura a uma página de busca com filtro dinâmico. A equipe da clínica gerencia agendamentos e exames direto do painel, sem tocar no código, e os pacientes encontram informações e reservam horários pela web.