A bespoke website built entirely from scratch in code — no templates,
no page builders — for a wellness consultant specializing in doTERRA
essential oils. The goal was to turn her one-to-one consulting and
signature detox program into a calm, trustworthy online presence that
guides visitors toward booking.
I handled the whole project end to end: UI/UX design and front-end
development, hand-coded in HTML, CSS and JavaScript. Building every
section by hand kept the site light, fast and pixel-perfect across
devices. The design leans into a warm, natural aesthetic that mirrors
the brand's wellness identity, with clear calls to action around her
detox program and consultations.
The result is a fast, fully custom site — unique to her brand, with none
of the bloat of off-the-shelf themes — that helps her stand out, build
trust and turn visitors into clients.
4
6
337
A hand-built studio site in a Swiss "lacquer & stone" style: warm stone paper, lacquer-red accents, thin uppercase type and fine film grain. Every section reacts as you scroll: Halftone portrait that reveals under your cursor
Signature that draws itself, and a manifesto that lights up word by word
The boutique: five project videos with a working till. Reach the end and the receipt prints PAID
3D paper crumple: the receipt folds into a real 3D ball and drops into the page with physics
"A Day in Code": an original stick-figure film drawn in code. The ball lands inside it and gets a bicycle kick
Generative synth music and cartoon sound effects, all made live in the browser
AI-style assistant in a glowing WebGL orb, available in six languages
Built with: Vanilla JavaScript · Vite · GSAP + ScrollTrigger · Lenis smooth scroll · Three.js (3D crumple and cart) · Matter.js (physics) · WebGL shaders · Web Audio API · Web Workers · Vercel
The 3D crumple runs in a Web Worker and only the video on screen plays, so it stays smooth at 60fps.
🔗 saif-developments.vercel.app (http://saif-developments.vercel.app)
1
7
568
i used some free time to rethink the “work” section of my portfolio.
the goal wasn’t clarity through structure, but meaning through experience.
you’re meant to get lost, navigate without references, and feel what each screen evokes when observed carefully.
get lost at https://ferrarioluca.com/work 💫
27
329
