Kavita Drones
High-conversion landing · real client, live
Fast, mobile-first landing with catalog + dynamic quote sent straight to WhatsApp. Delivered and live.
Real client · in production
- HTML
- CSS
- JavaScript
- Vercel
All projects
The full archive: client deliveries and every personal project, from products to 3D experiences.
Delivered to a client
Kavita Institucional
Cinematic company site · real client, live
A full company site built around a video journey the visitor drives with the scroll, going from coffee and cattle all the way to the tech hub. Second project for the same client, delivered and approved.
Real client · second project
- Next.js 16
- React 19
- GSAP
- Lenis
Personal projects
Milsaca
Custom SaaS · multi-tenant platform
Multi-tenant SaaS (web + mobile) with role-based panels, automations and secure data (RLS). Proof I ship complex products end to end.
Multi-tenant · web + mobile · RLS
- Next.js
- Expo
- Supabase
- PostgreSQL
InkVision
Tattoo SaaS · AI tattoo simulation
AI-powered tattoo simulation on the client's own photo, in-app chat with the artist to approve the design, scheduling and a multi-tenant marketplace connecting clients to studios and artists.
AI tattoo simulation · multi-tenant
- Next.js
- TypeScript
- Prisma
- PostgreSQL
ROCKVERSE
Rock experience site · end-to-end motion design
An immersive journey through rock history: letter-by-letter kinetic headline, inertia scrolling (Lenis), contextual cursor, interactive vinyl sleeves with modal, scrubbed timeline and a paper editorial section. The project was audited as if I were an awards juror and refined across 5 phases, keeping a 99/100/100/100 desktop Lighthouse.
Lighthouse 99 · A11y 100 · 60fps motion
- Next.js 16
- TypeScript
- Tailwind v4
- Framer Motion
AUREX MOTORS
Cinematic experience · real-time 3D car
A navigable luxury-car commercial: a 14-scene film directed by scroll (the camera moves, the car turns, lights ignite), design close-ups, counting numbers, a horizontal showroom gallery and a 3D configurator. Paint, wheels, cabin light and underglow change the car in real time, with a reactive price.
14-scene film · 3D configurator
- Next.js
- TypeScript
- React Three Fiber
- Three.js
ATELIER VERTEX
Architectural scrollytelling · real footage driven by scroll
A real construction film (from scaffolding to finished façade) whose video time is 100% tied to scroll, with no autoplay: scrolling down builds the building, scrolling up tears it down. The floor plan draws itself over the video like on a light table, a dimension line measures the build in days, and after the film the site becomes the studio's full archive, with delivered work, process and contact.
Real footage · 100% scroll-controlled
- Next.js
- TypeScript
- GSAP
- ScrollTrigger
AUREX TIMEPIECES
Cinematic experience · a 3D watch that disassembles on scroll
A 100% procedural watch (Calibre AX-01 Tourbillon) that disassembles piece by piece as you scroll (case, bezel, crown, dial, hands, gear train, mainspring, escapement, rotor and the tourbillon's spinning cage), then reassembles along the exact reverse path. A 15-scene film, a real-time material configurator and a drag-to-rotate 360° gallery.
15 scenes · 100% procedural watch
- Next.js
- TypeScript
- React Three Fiber
- Three.js
THE AGE OF DRAGONS
The dragons' forbidden library · an 8-chapter interactive documentary
A concept experience that opens into a forbidden ancient library: fullscreen video hero with the dragon emerging from lightning, an ember cursor, rising ash and occasional thunder, plus 8 chapters bridging myth and fiction. It covers the dragon's birth across 6 mythologies (China, Japan, medieval Europe, Norse, Maya, Celtic), fiction's 10 most iconic dragons in 3D cards with an original glyph mark each (no official stills used), a clickable world map, a horizontal timeline pinned on scroll, a gallery of public-domain engravings, a power comparison table and a final silhouette slowly beating its wings.
8 chapters · 10 dragons · 6 mythologies
- Next.js
- TypeScript
- GSAP
- ScrollTrigger
TERRAL
Artisanal coffee roastery · bean to cup in five chapters
An editorial journey driven by scroll: Caparaó, the sun-drying yard, the drum's fire, the grind and the cup, each chapter pairing real video and photography with giant typography. The funnel closes on a blend showcase with tasting notes and WhatsApp ordering. And there's a secret: hold the right button for six seconds and you find the roaster's house.
5 chapters · real video and photography
- Next.js
- TypeScript
- GSAP
- Lenis
ONE PIECE
Cinematic site · the saga told through scroll
A single page that tells the One Piece story: the opening scene follows the scroll, and from there the site crosses the Age of Pirates, introduces the Straw Hats, draws the route to the end of the map and keeps the lines every fan knows. All animated in code, no heavy video.
Single page · animation 100% in code
- Next.js
- TypeScript
- Tailwind
- GSAP
ALVA Odontologia
Premium dental clinic · a film driven by scroll
A 7-shot film tied to the scroll opens the site: scrolling moves through the clinic as the morning rises. The daybreak concept drives the whole identity, from the name to the light of every scene, and the brand's arch returns in three different uses. Past the film, the site presents the clinic and sends booking straight to WhatsApp.
7-shot film · scroll scrub
- Next.js
- TypeScript
- GSAP
- Lenis
As Copas
Immersive site · historic stadiums in 3D (WebGL)
A World Cup tribute with 8 iconic stadiums modeled in 3D (stands, sectors and crowd), a Cinema mode for recording videos, a sticker album with viral audios and its own editorial identity. It's 100% static and fast even on 3G.
8 stadiums in 3D · Cinema mode
- Next.js
- TypeScript
- Three.js
- React Three Fiber
ECOA
Anonymous social network · full product with AI
Text-only network where each person is a number: anonymity guaranteed by the database architecture (not even the API can link account to post), 2-stage AI moderation, e-mail-free account recovery and end-to-end privacy compliance.
Anonymity by architecture · AI moderation
- Next.js
- TypeScript
- Supabase
- PostgreSQL
Loja de iPhone
White-label e-commerce · WhatsApp checkout
Full store with catalog, admin panel for products and stock, and orders straight to WhatsApp. It's a white-label base that becomes many stores by swapping color, logo and contact.
1 white-label base → many stores
- Next.js
- TypeScript
- Tailwind
- Supabase
E-commerce do Agro
Full web system · e-commerce + dashboards
Platform with store, paid checkout, 5 role-based panels, delivery app and a documented API, covering everything from order to delivery.
5 role-based panels · documented API
- Next.js
- Node.js
- Express
- MySQL
Akatsuki
Cinematic 3D anime store · WhatsApp checkout
Immersive 3D store (Three.js) with two morphing themes, Akatsuki and Domain Expansion, plus a per-character energy aura on add-to-cart, a persistent cart and orders closed straight on WhatsApp.
3D scene + 2 animated themes
- Next.js
- TypeScript
- Three.js
- React Three Fiber
AURÉA Joalheria
Premium showcase · Virtual Mirror (try-on) · WhatsApp
White-label editorial showcase with a Virtual Mirror that tries earrings and necklaces on via live camera (MediaPipe, 100% in-browser) and opens WhatsApp prefilled with the piece reference.
Virtual Mirror · camera try-on
- Next.js
- React 19
- TypeScript
- Tailwind v4
NEXUS Loja Geek
3D black-hole hero (R3F) · cinematic postprocessing
Concept showcase with an Interstellar-style black-hole hero (React Three Fiber): turbulent accretion disk, gravitational lensing, planet and asteroids, HDRI lighting and cinematic postprocessing. A timeline (Theatre.js) dives the camera into the hole on scroll.
3D black hole + gravitational lensing
- React
- Vite
- Three.js · R3F
- react-postprocessing
Lumen
Cinematic 3D site for architecture · React Three Fiber
Immersive 3D showcase (React Three Fiber) with cinematic scenes and fluid navigation that present the studio as an experience, not a list of photos.
Cinematic 3D experience
- React
- Vite
- TypeScript
- Three.js · R3F
RJjstore
Editorial premium fashion · WhatsApp checkout
Fashion e-commerce with a luxury-studio aesthetic: cinematic hero, horizontal-scroll lookbook, cursor-following dynamic lighting, product quick-view, persistent cart and orders closed straight on WhatsApp, with a switchable Sand and White theme.
Luxury editorial · WhatsApp checkout
- Next.js
- TypeScript
- Tailwind
- Framer Motion
RJS Laticínios
Artisanal dairy showcase · WhatsApp ordering
A storefront with a product catalog and orders closed straight on WhatsApp. It's a simple, fast base for the producer to sell online without relying only on social media.
Catalog · WhatsApp ordering
- Next.js
- TypeScript
- Tailwind
- Vercel
Império do Café
Mobile simulation game · React Native/Expo
Full mobile coffee-farm management game (Zona da Mata), 100% offline with local saves: varieties, pests and diseases, agronomic cycle and market, across dozens of interlocking systems.
Mobile app · 100% offline
- React Native
- Expo
- React 19
- JavaScript