Clinique Dermatologie Gent — met huid en haar

Clinique Dermatologie Gent is een kliniek aan het Hippoliet Lippensplein, onder leiding van dr. Griet Voet. Onder één dak: medische dermatologie, esthetiek, laser en chirurgie — en een dokter die opvallend vaak op de radio en in de krant verschijnt om uit te leggen waarom je zonnecrème ook in Gent geen overbodige luxe is.

Een kliniek van dat kaliber draait niet op een website alleen. Patiënten moeten de juiste behandeling vinden en de juiste agenda. Mensen willen een cadeaubon kopen voor hun moeder. Artsen willen vóór een consultatie al weten waar het om gaat. Medewerkers willen patiënten met een helder schema naar huis sturen, de administratie wil facturen die kloppen, en de marketing wil een nieuwsbrief. Liefst allemaal in dezelfde verfijnde huisstijl, en liefst zonder tien losse abonnementen.

Dus bouwden we het. Niet in één keer, maar stukje bij beetje — met huid en haar.

Een dermatologische kliniek moet vertrouwen uitstralen zonder koud te worden. De site kreeg veel wit, een warm goud, Cormorant Garamond voor de titels en Jost voor de leestekst. Het ontwerp werd goedgekeurd en daarna bevroren — niet met vloeibare stikstof, wel met een handtekening. Elke latere uitbreiding moest pixel voor pixel binnen die lijnen blijven.

Achter de schermen is alles in handen van de kliniek. Ruim 35 behandelpagina's kregen uitgebreide medische teksten, knoppen naar de afsprakentool, tags die naar verwante behandelingen linken en een vorige/volgende-navigatie binnen de categorie. De inhoud van een behandelpagina is een vrije builder: tekst, titels, beelden, citaten en knoppen, zonder dat er een ontwikkelaar aan te pas komt. Daarnaast: pers en media, vacatures, een cadeaubon-knop in rozé en een header die bij het scrollen elegant krimpt.

Een live site met opgebouwde zoekposities maak je niet meertalig met een grote knal. We kozen ervoor om het Nederlands op de root te laten staan, zonder prefix, en het Frans en Engels ernaast te zetten onder /fr en /en. Resultaat: geen enkele bestaande link brak en er was geen enkele redirect nodig.

Eerst werd een lokale kopie van de live site opgezet om veilig te testen. Daarna werden 177 contentbestanden in één beweging omgezet naar hun Nederlandse versie, kregen alle interfaceteksten een vertaalsleutel en leverden we een eerste Franse en Engelse versie van 48 pagina's aan, die de kliniek in het paneel nalas. Elke pagina kent haar taalversies via hreflang, de sitemap koppelt ze aan elkaar en ook de gestructureerde data weet in welke taal ze spreekt. Op 2 juli ging alles in één keer live.

Veel patiënten rijden voor deze kliniek graag een eindje. Daarom kreeg de site landingspagina's per stad: Antwerpen, Brugge, Brussel, Hasselt, Kortrijk en Leuven. Geen verborgen doorverwijspagina's met dezelfde tekst en een andere stadsnaam, maar telkens een eigen verhaal met reisinfo en de redenen waarom de rit naar Gent de moeite loont. Een stadsdomein zoals cdantwerpen.be verwijst met een 301 netjes door, zodat Google maar één pagina ziet.

Daarbovenop kreeg vrijwel elke indexeerbare pagina een eigen titel en beschrijving, en vertelt gestructureerde data aan zoekmachines wat een dermatologische kliniek precies is: MedicalClinic met arts, breadcrumbs, medische webpagina's en vacatures als JobPosting voor Google Jobs. En ergens onderweg ontdekten we dat robots.txt een 403 gaf: een te strenge serverregel blokkeerde alle tekstbestanden. Zelfs Google stond aan de deur te kloppen. Eén uitzondering later mocht hij binnen.

De agenda's van de artsen staan in Mediris. Wat ontbrak was een vriendelijke voordeur: welke behandeling is dit eigenlijk, en bij wie moet ik zijn? Op afspraak.dermatologiegent.be staan 52 behandelingen in categorieën en subcategorieën, met een zoekveld dat meezoekt terwijl je typt. Eén klik brengt je naar precies de juiste agenda. Twijfel je? Dan vraag je via /hulp een telefoontje aan op een dag en moment dat jou past.

De kliniek beheert alles zelf: behandelingen slepen in de juiste volgorde, prijs en duur per behandeling tonen of verbergen, vakantiedagen instellen en teksten in het Nederlands en Engels — het Frans staat klaar om aan te zetten.

Eerlijkheidshalve: in mei bouwden we eerst een volledig eigen agenda, met kamers en tijdsloten. Vijf dagen later vervingen we die door een eenvoudige doorverwijzing, want Mediris deed dat al. Ook een kioskmodus voor het onthaalscherm haalde de zomer niet: geboren op 21 mei, begraven op 17 juni. Soms is de beste code de code die je durft weg te gooien.

Een behandeling cadeau doen moet even gemakkelijk zijn als een boek bestellen. Op /cadeaubon kies je een bedrag, schrijf je een persoonlijke boodschap en betaal je met kaart of Bancontact via Stripe. Pas wanneer Stripe de betaling via een ondertekende webhook bevestigt, rolt de bon eruit: een elegante PDF met QR-code, naar de koper en als je wil ook rechtstreeks naar de gelukkige ontvanger.

Aan de balie scant het onthaal de QR-code en schrijft het gebruikte bedrag af. Dat kan in schijfjes, met een volledige historiek, en een vergissing is met één klik teruggedraaid. Bonnen die aan de balie verkocht worden, maakt het onthaal manueel aan in hetzelfde systeem. Van eerste versie tot inwisselen: twee dagen.

Voor sommige aandoeningen, zoals acne, begint het traject online. De patiënt vult een vragenlijst in, voegt drie foto's toe bij daglicht, betaalt en krijgt een bevestiging. De arts ontvangt een overzichtelijke intake-PDF met alle antwoorden en de foto's netjes naast elkaar.

De kliniek bouwt die consultaties zelf. Een vragenlijst-builder laat toe secties en vragen toe te voegen, te herschikken en te verplaatsen, met enkele of meervoudige keuzes, vrije tekst en het onvermijdelijke “andere, namelijk…”. Elke consultatiesoort heeft een eigen prijs, eigen mails en een eigen directe link. Het rijksregisternummer is verplicht, en onvoltooide inzendingen verdwijnen met één klik — foto's van iemands huid bewaar je niet langer dan nodig.

Na de consultatie gaat de patiënt naar huis met een duidelijk schema: wat 's ochtends, wat 's avonds, welke aanvullende behandeling, waarop letten en wanneer terugkomen. Medewerkers stellen dat plan op in een apart platform, vanuit templates of blanco, en printen of mailen het meteen mee.

Het resultaat is een handzame PDF van 105 × 200 mm. Die startte als A5 en werd een dag later op maat gesneden. Later kwamen er resultaten-templates bij, waarmee de kliniek onderzoeksresultaten met bijlagen verstuurt in dezelfde huisstijl.

Alles komt samen in één beheerpaneel met tien menu's: behandelingen, hulpaanvragen, cadeaubonnen, consultaties, behandelplannen, facturen, berichten, instellingen, statistieken en gebruikers. De facturatiemodule nummert doorlopend per jaar, bevriest de vaste teksten en het rekeningnummer per factuur zodat een herdruk altijd identiek is, maakt een A4-PDF, mailt die en volgt op tot hij betaald is. Losse berichten met bijlagen vertrekken vanuit hetzelfde paneel, met een logboek van verzonden items.

Niet iedereen hoeft alles te zien. Naast de administrator bestaan er beperkte gebruikers met een eigen selectie menu's. Die rechten worden niet enkel in het scherm verborgen, maar bij elke aanvraag op de server gecontroleerd tegen de databank. En Major Tom zelf? Die is superadmin en onzichtbaar in de gebruikerslijst, zoals een goede huisbewaarder.

De kliniek wilde een nieuwsbrief, maar geen Mailchimp. Dus koppelden we de site aan Mailshake, de mailingtool die Major Tom zelf bouwde. Inschrijven kan op een eigen nieuwsbriefpagina en onderaan elke pagina, zonder te herladen. Wie zich inschrijft, belandt eerst in de wachtkamer en krijgt pas mailings na een echte double opt-in, via een bevestigingsmail met het logo van de kliniek. Bevestigen gebeurt met een knop, zodat een ijverige spamfilter niet per ongeluk “ja” klikt.

Bezoekers worden geteld met Fathom Analytics: privacyvriendelijk, zonder cookies en dus zonder toestemmingsvraag. De cijfers van de site en de afsprakentool staan rechtstreeks in het beheerpaneel. Alleen de Facebook-pixel wacht netjes tot een bezoeker in de cookiebanner “ja” zegt.

De kliniek biedt een 3D-huidscan aan waarbij het hele lichaam in beeld wordt gebracht om moedervlekken op te volgen. Die dienst kreeg een eigen site, huidscan.be, in exact dezelfde huisstijl maar met een eigen verhaal: een scan én een huidcontrole door een arts tijdens hetzelfde bezoek, met een beveiligde kopie van de beelden om mee naar huis te nemen.

Medische reclame is gereguleerd, en dat respecteren we. De site noemt geen concurrenten, roept niet dat ze beter is en verkoopt AI niet als vervanger van de arts. Ze legt rustig uit wat je krijgt, wat het kost en waarom een arts erbij het verschil maakt. Acht pagina's, een FAQ met gestructureerde data en prijskaarten — sinds 20 juli live, op een eigen server.

Alles hier draait live, met echte betalingen en echte patiënten. Er is dus geen ruimte voor experimenten op de productieserver. Daarom groeide het platform in kleine, omkeerbare stappen: 54 leveringen van de afsprakentool, telkens gecontroleerd vóór ze live gingen, met terugvalpunten waar het ertoe deed. Grote features begonnen met een paar scherpe vragen, niet met code. Deploys van de websites raken enkel code aan, nooit de inhoud die de kliniek zelf beheert.

We leerden ook onderweg. Op 17 juni leverde een externe bibliotheek plots een nieuwere versie en lag de afsprakentool plat. Dezelfde dag was het opgelost, en sindsdien staat elke externe versie vastgepind. Een fout maken mag; dezelfde fout twee keer maken niet.

• Websites — dermatologiegent.be en huidscan.be op Kirby 5 (PHP 8.4), meertalig met hreflang, gestructureerde data, een sitemap per taal en panelbeheer voor alle inhoud.
• Webapp — Node.js en Express met SQLite op Railway; de interface in React, bewust zonder buildstap en met vastgepinde versies.
• Betalingen — Stripe Checkout met kaart en Bancontact, bevestigd via een ondertekende webhook.
• Documenten — vier PDF-generatoren: cadeaubon met QR-code, intake met foto's, behandelplan op 105 × 200 mm en factuur op A4.
• Mail — SendGrid met instelbare afzenders per onderdeel en mails in huisstijl; nieuwsbrief via Mailshake met double opt-in.
• Beveiliging — rollen met server-afgedwongen menurechten, verplichte velden waar medisch nodig en opkuis van onvoltooide inzendingen.
• Meten — Fathom Analytics, cookieloos, rechtstreeks in het beheerpaneel.