Geen wireframes, geen mockups, maar direct een website
Websitebezoekers
%
Organisch verkeer
%
Gemiddelde sessieduur
%Van brandbook naar website in een paar prompts
Bij een traditioneel traject vertaalt een ontwerper de huisstijl handmatig naar schermen. Wij gaven die huisstijl direct aan de AI. Het brandbook, het logo, de kleuren en de typografie van Fysio Langeveld werden ingeladen in Claude Design, samen met beschrijvende teksten over de praktijk: wie ze zijn, waar ze voor staan, voor wie ze werken en wat een bezoeker op de website moet kunnen vinden.
Op basis daarvan zette Claude Design een eerste versie van de website neer. Geen losse schets, maar een werkend ontwerp in de juiste kleuren, met het juiste logo en in de toon van de praktijk. Daarmee begon het project op een punt waar een traditioneel traject pas na meerdere ontwerprondes uitkomt.
Vibe coding: bouwen door te praten
Het echte werk gebeurde daarna, in meerdere sessies samen met de praktijk. Hier kwam vibe coding volledig tot zijn recht. Bij vibe coding schrijf je geen code en teken je geen schermen, maar beschrijf je in gewone taal wat je wilt zien. De AI past het ontwerp vervolgens direct aan.
Moest een blok warmer aanvoelen, een knop opvallender zijn of een pagina anders ingedeeld worden? Een paar zinnen later konden we het samen bekijken. Geen notities mee naar kantoor, geen nieuwe ontwerpronde van een week, maar direct zien, beoordelen en bijsturen. De klant keek niet naar een plaatje van een website, maar klikte door een website die tijdens het gesprek meegroeide.
Template voor template samen opgebouwd
Zo werkten we sessie na sessie de verschillende paginatemplates uit. De homepage vertelt in één oogopslag waar de praktijk voor staat, met drie pijlers (Samen Sterk, Deskundig en betrokken, Warm en gastvrij) en de combinatie van fysiotherapie en Fit & Vitaal onder één dak.
Daarnaast ontstonden aparte templates voor behandelingen, programma’s en klachten. Een bezoeker kan zoeken vanuit wat hij heeft (knieklachten, artrose, een sportblessure) of vanuit wat hij zoekt (manuele therapie, personal training, valpreventie). Het uitgebreide aanbod van meer dan dertig onderwerpen is ingedeeld in drie heldere routes: Fysiotherapie, Fit & Vitaal en Klachten. Het menu volgt diezelfde logica, zodat niemand hoeft te weten wat EPTE of NKT is om toch op de juiste pagina uit te komen.
Ook vertrouwen en conversie kregen een vaste plek. De cliëntwaardering van 9,3, de ruim 1.000 beoordelingen, echte ervaringen van cliënten en de logo’s van alle zorgverzekeraars staan duidelijk in beeld. En met een vaste afspraakknop, het telefoonnummer altijd binnen handbereik en een uitleg van het traject in vier stappen is de weg naar een eerste afspraak zo kort mogelijk gemaakt.
AI als versneller, vakmanschap als basis
AI maakte het mogelijk om sneller en dichter op de klant te ontwerpen. Maar een goede website vraagt meer dan een mooi ontwerp. Claude Design voerde uit, wij stuurden. Onze jarenlange ervaring met conversieoptimalisatie en usability bepaalde welke keuzes we maakten. Zo staan de vertrouwenssignalen, zoals de cliëntwaardering en het aantal beoordelingen, direct bovenaan. De afspraakknop en het telefoonnummer zijn op iedere pagina binnen handbereik, ook op mobiel. En veelvoorkomende twijfels, zoals of je een verwijzing nodig hebt of hoe snel je terecht kunt, worden beantwoord voordat de bezoeker ze stelt. AI zorgde voor de snelheid, onze ervaring voor een website die bezoekers ook echt helpt de stap naar een afspraak te zetten.
Van AI-prototype naar een website die de klant zelf beheert
Toen het design af was, ging het bestand door naar onze webafdeling. Want een ontwerp dat alleen in een AI-omgeving bestaat, is nog geen website die een praktijk dagelijks kan gebruiken. Onze developers hebben het design omgezet naar een volwaardige WordPress website waarin alle onderdelen bewerkbaar zijn.
Teksten, afbeeldingen, reviews, blokken en call-to-actions kan Fysio Langeveld nu zelf aanpassen. Komt er een nieuwe specialisatie of een nieuw programma bij? Dan wordt dat een nieuwe pagina op basis van een bestaand template. Zo combineert de website de snelheid van AI in de ontwerpfase met de betrouwbaarheid en het beheergemak van een goed gebouwd CMS.
Benieuwd wat AI voor jouw nieuwe website kan betekenen?
Stuur ons je brandbook, logo en een beschrijving van je bedrijf. Met Claude Design en vibe coding zetten we samen met jou een eerste versie van je nieuwe website neer. Geen stapel schetsen om te beoordelen, maar een website waar je direct doorheen klikt en die we samen live verder vormgeven. Zo zie je sneller dan ooit waar je aan toe bent. En blijft een nieuwe website geen pijnpunt waar je jarenlang omheen blijft bewegen.
