Microneedle.pro
Een site voor een zelfstandige behandelaar op Malta die iets nodig had dat haar cliënten meteen als van háár herkennen, geen sjabloon van een wellness-boekingspagina. Het werd één tastbaar, filmisch geheel: een hero die met de scroll meebeweegt, handgetekend beeld, Fraunces als variabel lettertype dat per moment het juiste gewicht pakt, tweetalig Engels en Maltees. Solo ontworpen en gebouwd, live in productie.
Drie beelden, één doorlopend gebaar
De homepage opent met 320vh sticky scroll: eerst een macro van de huid tot op de porie, dan de behandelaar tijdens een behandeling, dan haar portret terwijl de kop tevoorschijn komt. Lenis zorgt voor de soepelheid, Framer Motion stuurt de transformaties op scrollpositie, en prefers-reduced-motion klapt het geheel terug naar stilstaande beelden zonder dat de layout breekt.
Drie keyframes · 320vh sticky stage · Lenis smooth-scroll · Reduced-motion fallback · Frames 1024×1024 via Next/Image (AVIF/WebP)
Scrolldocument in vier fasen
Een aparte pagina loopt door aankomst, consult, behandeling en nazorg. Elke fase krijgt een eigen paneel met parallax, beeld en tekst naast elkaar, een stukje uitleg over de wetenschap eronder, en een slot dat de lezer terugbrengt bij het boeken. Bedoeld om te lezen op het tempo waarin de behandeling zich echt ontvouwt, niet in scanbare bullets.
Vier panelen · Parallax per fase · Uitleg inline · Fraunces opsz/SOFT/WONK live ingezet voor toonwisselingen
Handgetekend eiland, echte sessielocaties
Geen Google Maps-embed: de Waar-pagina toont een handgetekend Malta met zeventien pulserende sessiedots, één voor elk dorp waar ze echt komt. Dat is een redactionele keuze. Cliënten zien haar zo niet als een regionale dienst, maar als iemand die het eiland kent. De pulsatie respecteert prefers-reduced-motion en de dots zijn met het toetsenbord te bereiken.
SVG-vector · 17 geanimeerde dots · motion-reduce gerespecteerd · Eronder drie kaarten met wat je nodig hebt
Stack en aanpak
Next.js 16 op de App Router, Tailwind v4, Framer Motion v12 met Lenis voor smooth scroll, Fraunces als variabele serif voor display en italic, IBM Plex Sans voor de body, DM Mono voor labels. Het palet is met de hand getuned in OKLCH rond warme mediterrane tinten: cream, paper, clay, sand, terracotta, ember, umber, cocoa, ink, pitch, void.
Alles op de site staat op feiten: elke uitspraak over de behandeling is terug te voeren op materiaal dat de behandelaar zelf heeft goedgekeurd. Geen sjabloontekst uit de wellnesshoek, geen stockbeeld. Het resultaat is een kleine site die aanvoelt alsof hij van niemand anders kan zijn.
Gebouwd april – mei 2026. Live op microneedle.pro. Showcase gepubliceerd met toestemming van de behandelaar.