We rebuilt an outdated corporate site into a fast headless platform with a Doctors / Patients mode switch and an editor-friendly admin. The publishing cycle shrank from 2–3 days to 15–30 minutes, and key-page speed improved by 40–60%.
A digital platform for a network of private diagnostic centers specializing in high-precision diagnostics of the temporomandibular joint (TMJ) and surrounding maxillofacial area. The product had to function as two experiences within one platform: a doctor-facing surface with diagnostic methodologies, technical materials, and direct expert support; and a patient-facing surface with explanations of examination types, indications and contraindications, a service price calculator, locations, and online booking for procedures.
Â
Natali is the owner of the WDE-3D network of private diagnostic centers and a leading dentist who personally sets the standard for diagnostic quality and clinical practices. The previous corporate site was visibly outdated and blended doctor-facing and patient-facing content into a single flow. As a result, patients spent too long hunting for answers and booking details, while referring doctors wasted time digging for professional materials they should have found instantly.
Â
Two distinct audiencesÂ
Â
Patients need simple answers and a clear route to booking; referring doctors need methodologies, technical materials, and a fast contact path to expert support.
Â
Foundational medical contentÂ
Â
A substantial body of clinical and operational information that had to be preserved but presented more cleanly and with sharper structure.
Â
Risk of becoming outdated quicklyÂ
Â
The new site had to be fast, modern, and content-evolvable, or the same problem would resurface within one or two years.
Â
Content updates without engineering
Â
The operations team needed to publish articles, edit reference materials, and adjust services, prices, and locations without a developer in the loop.
Â
Trust as a core UX factor
Â
In healthcare, ambiguity reads as risk. The pages had to close the user's open questions before the user left to look at a competing center.
Â
We built a headless architecture on Next.js and Directus, while in parallel designing a single information architecture and design system that serve two audiences inside one product. Directus became the editorial and operational core (page structure, reference data, content, roles, publishing workflow); Next.js delivers a fast frontend with two distinct navigation paths with different content priorities and tone of voice.
Â
Two usage modes as the foundation
Â
We made the Doctors / Patients switch the central interaction point — switching it changes the navigation structure, content priorities, and the very wording of headings. The doctor-facing mode exposes short entry points into methodologies, technical materials, and support. The patient-facing mode leads with simple explanations, a step-by-step path to choosing an examination, and booking.
Â
One shared design system
Â
We built a shared component layer for both surfaces — typography, grid, cards, reference blocks — so both modes read as equally native parts of the same brand. A separate workstream targeted the small interface elements that build trust and a sense of control at every step (clear pricing, transparent prep instructions, named author bylines on doctor materials).
Â
Content architecture in Directus
Â
We modeled content types and their relationships in Directus so the same factual material could surface differently for the two audiences. For patients: explanatory blocks, indications and contraindications, preparation instructions, route guidance to the nearest center. For doctors: methodologies, clinical standards, technical materials, and a single entry point into consultation or expert support. The editorial process runs end-to-end without engineering support.
Â
Fast frontend on Next.js
Â
We designed the frontend as a set of stable templates covering the key pages in both modes, so content updates would not break layouts or demand manual fixes. Speed optimization was treated as part of the UX — fast transitions build trust and make the site feel current rather than legacy.
Â
Balance between B2B and B2C
Â
We separated the language and presentation for each audience while preserving brand coherence — one visual style, one set of layout principles, one consistent way of explaining complex topics. This avoids the failure mode where one mode looks like the main site and the other like an afterthought.
Â
We interviewed the client team and defined the key decisions: what is critical for doctors, what is critical for patients, and exactly where the old content confused users. The single core mechanic — two contours behind one switch — was agreed at this stage.
Â
+1 Resource
We brought two fundamentally different websites together into a single coherent experience. Both physicians and patients can easily find the information relevant to them and seamlessly move toward the appropriate conversion actions.
Â
to publish or update a page or article — down from 2–3 days in the old WordPress-era workflow
of site content is now fully manageable by the client's team without engineering involvement — up from a previous baseline where almost every change required a developer ticket
improvement in key-page speed (Hero, Service, Location pages), measured on Lighthouse + real-user GA4 page-load timing
the Doctors / Patients switch removed the previous mixed-content confusion that was costing both groups time on every visit
block-based architecture, clean typography, and generous whitespace make complex medical content scannable without sacrificing depth
is now communicated clearly through the site — corporate values, clinical credentials, and equipment advantages have a dedicated surface rather than competing with patient flows
Or send us a message and we'll get back to you within 15 minutes during business hours