Microneedle.pro
Een site voor een zelfstandige behandelaar op Malta die iets nodig had dat haar eigen cliënten als háár zouden voelen, geen sjabloon-bookingpagina uit het wellness-segment. Het resultaat: één tastbare, cinematische pagina, een scroll-gestuurde held, handgetekend beeld, Fraunces als variabel lettertype dat per moment in de juiste gewicht staat, tweetalig Engels en Maltees. Solo ontworpen en gebouwd, live in productie.
Drie beelden, één doorlopend gebaar
De homepage opent op 320vh sticky scroll: een huidmacro op porie-niveau, dan de behandelaar tijdens een behandeling, dan haar portret terwijl de kop tevoorschijn komt. Lenis draagt de soepelheid, Framer Motion stuurt de scroll-transformaties, prefers-reduced-motion klapt het geheel terug naar statische frames zonder de layout te breken.
Drie keyframes · 320vh sticky stage · Lenis smooth-scroll · Reduced-motion fallback · Frames 1024×1024 via Next/Image (AVIF/WebP)
Vierfasen scroll-document
Een eigen pagina loopt door aankomst, consult, behandeling, nazorg. Elke fase is een eigen parallax-paneel met gekoppeld beeld en tekst, een wetenschappelijk terzijde eronder, en een sluitstuk dat de lezer teruggeeft aan het boekingsmoment. Bedoeld om gelezen te worden op het tempo waarop het gebaar zich werkelijk ontvouwt, niet in scanbare bullets.
Vier panelen · Parallax per fase · Wetenschappelijk terzijde · Fraunces opsz/SOFT/WONK actief in tonale wisselingen
Handgetekend eiland, echte sessielocaties
Geen Google-Maps-embed: de Waar-pagina toont een handgetekend Malta met zeventien pulserende sessiedots — elk dorp dat ze daadwerkelijk bezoekt. Een redactionele keuze: cliënten zien haar niet als een regionale dienst, maar als iemand die het eiland kent. De pulsatie respecteert prefers-reduced-motion en de dots zijn met toetsenbord bereikbaar.
SVG-vector · 17 geanimeerde dots · motion-reduce gerespecteerd · Drie kaarten met benodigdheden eronder
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 body, DM Mono voor labels. Palet handmatig getuned in OKLCH rondom warme mediterrane tonen — cream, paper, clay, sand, terracotta, ember, umber, cocoa, ink, pitch, void.
De site is feitelijk gefundeerd: elke uitspraak over de behandeling herleidt naar materiaal dat de behandelaar zelf heeft goedgekeurd. Geen sjabloon-wellnesstekst, geen stockbeeld. Het resultaat is een kleine site die leest alsof hij onvermijdelijk van haar is.
Gebouwd april – mei 2026. Live op microneedle.pro. Showcase gepubliceerd met toestemming van de behandelaar.