// Senior web developer & designer · Lyon, FR

Websites, builtfrom scratchAI is the power tool.

I'm Yolan — a senior developer who architects fast, multilingual websites and stores line by line. AI accelerates the craft; it never replaces the judgement. Mastered, not enslaved.

growth.tsx — what good code earnslive
Visitors48k+0%
Clicks13k27% CTR
Profit€92k▲ shipped
Next.jsReactTypeScriptTailwindSanity CMSNode.jsStripeFramer MotionGraphQLVercelHeadlessi18nSEOWeb PerformanceAI-assistedNext.jsReactTypeScriptTailwindSanity CMSNode.jsStripeFramer MotionGraphQLVercelHeadlessi18nSEOWeb PerformanceAI-assisted

Every site I build is a Next.js application. The App Router gives me server components, streaming and file-based routing — pages render on the server for speed and SEO, then hydrate only the parts that need to be interactive. One framework, from marketing page to checkout.

  • App Router & React Server Components
  • SSG · ISR · SSR chosen per route
  • next/image — automatic optimisation
  • Native i18n routing — en · fr · nl
  • Route-level code splitting
  • Edge-ready, deployed on Vercel
CASE: Milo Weiler — 55 projects, top Lighthouse ↗

Content lives in Sanity, fully decoupled from the front-end. Editors update products, posts and imagery inside a Studio I tailor to their workflow; I query exactly the shape each page needs with GROQ and render it through Portable Text. No developer in the loop for day-to-day edits.

  • Custom Studio schemas per client
  • GROQ — query only what's rendered
  • Portable Text rich content
  • Draft preview & real-time updates
  • Image pipeline on a global CDN
  • Webhook-triggered rebuilds
CASE: Nu — a CMS-driven clean-beauty catalog ↗

Checkout runs on Stripe. Sessions are created server-side, confirmed by signed webhooks and reconciled before anything ships — secure by construction, never trusting the browser. Multi-currency plus Twint gives Belgian and EU customers the payment methods they actually reach for.

  • Server-side Checkout Sessions
  • Signed-webhook fulfilment
  • Multi-currency pricing
  • Twint & cards for the EU
  • PaymentIntents with SCA
  • Tax & shipping logic
CASE: Nu store — a frictionless buying flow ↗

Every reveal, scroll chapter and hover flourish runs on GSAP. ScrollTrigger pins sections and ties animation to scroll position; timelines sequence the choreography frame-accurately. It's the difference between a site that loads and one that moves — performance-budgeted, never gratuitous.

  • ScrollTrigger — scroll-driven scenes
  • Timelines for sequenced motion
  • Pin & scrub sticky chapters
  • GPU-friendly transforms only
  • Reduced-motion aware
  • 60fps on mid-range mobile
CASE: Milo Weiler — 7-chapter scroll choreography ↗
01Nu — Beauty & wellness e-commerce
Beauty & wellness e-commerce

Nu

A multilingual clean-beauty storefront — calm editorial pacing around a frictionless, CMS-driven buying flow.

04Spiree — Activewear brand · 100% Merino
Activewear brand · 100% Merino

Spiree

An independent sportswear brand site — bold gradient system, Sun & Moon collections, a story-first arc.

Discovery

Goals, audience, budget — and what success actually means before a line is written.

Architecture

Stack, data model and structure decided up front — the blueprint is human.

Design

A real system you can see early and react to, refined together — not a static mockup.

Build

Hand-coded, AI-accelerated, multilingual and SEO-ready — every line shipped understood.

Ship

Measure, iterate, and I stay on for whatever comes next.

From blank file to shipped product. Tell me what you have in mind — I'll tell you how I'd build it.