Institutional website for a clinical analysis clinic with a WordPress-integrated scheduling system, real-time slot blocking, and import of over a thousand exams via XML.
DesignAgência Ade!
↗ View live project
01
Overview
Vitalle is a clinical analysis clinic that needed a website to centralize institutional information, offer exam and consultation scheduling, and let the team update content without requiring code changes. The site serves patients looking for exam details, locations, and preparation guidelines — with direct online booking.
The project was built with Next.js and JavaScript, styled with Tailwind CSS, and integrated with WordPress as a CMS through a custom PHP endpoint. The scheduling system connects the front-end to this endpoint, which validates available slots and prevents booking conflicts. Hosted on Vercel.
02
Challenge
The core technical challenge was the scheduling system. WordPress doesn't natively offer a mechanism to block already-occupied time slots in real time — building that required a custom endpoint capable of receiving patient data, verifying availability, and recording the booking in a way that the block was reflected in both the front-end and the admin panel.
The second challenge was importing over a thousand exam names from an XML file. That data needed to become post types in WordPress and be exposed through a dynamic search page — while maintaining query performance with a large volume of records.
03
Solution
I built a custom WordPress endpoint that receives patient data, validates availability, and registers the booking as a post type. Occupied slots are blocked in the front-end form in real time, with automatic sync to the admin panel.
For the exam catalog, I wrote an import script to convert the XML into WordPress post types, then connected that structure to a dynamic search page with filtering. The clinic team manages bookings and exam records directly from the panel without touching code, and patients can find information and book appointments through the web.