Kavita Drones
Landing de alta conversão · cliente real, no ar
Landing mobile-first, rápida, com catálogo + orçamento dinâmico enviado direto no WhatsApp. Entregue e em produção.
Cliente real · em produção
- HTML
- CSS
- JavaScript
- Vercel
Todos os projetos
O acervo completo: as entregas para cliente e todos os projetos autorais, dos produtos às experiências em 3D.
Entregue para cliente
Kavita Institucional
Site institucional cinematográfico · cliente real, no ar
Site institucional inteiro construído em volta de uma jornada em vídeo que o visitante conduz com o scroll, saindo do café e do gado até o centro tecnológico. Segundo projeto para o mesmo cliente, entregue e aprovado.
Cliente real · segundo projeto
- Next.js 16
- React 19
- GSAP
- Lenis
Projetos autorais
Milsaca
SaaS sob medida · plataforma multi-tenant
SaaS multi-tenant (web + mobile) com painéis por papel, automações e dados seguros (RLS). Prova de que entrego produto complexo de ponta a ponta.
Multi-tenant · web + mobile · RLS
- Next.js
- Expo
- Supabase
- PostgreSQL
InkVision
SaaS de tatuagem · simulação de tattoo com IA
Simulação da tatuagem na própria foto via IA, chat com o tatuador pra aprovar o desenho, agendamento e um marketplace multi-tenant conectando clientes a estúdios e artistas.
Simulação de tattoo por IA · multi-tenant
- Next.js
- TypeScript
- Prisma
- PostgreSQL
ROCKVERSE
Site-experiência sobre Rock · motion design de ponta a ponta
Experiência imersiva pela história do rock: headline cinética letra a letra, scroll com inércia (Lenis), cursor contextual, vinis interativos com modal, timeline com scrub e seção editorial em papel. O projeto foi auditado como se eu fosse jurado de premiação e refinado em 5 fases, mantendo Lighthouse 99/100/100/100 no desktop.
Lighthouse 99 · A11y 100 · motion 60fps
- Next.js 16
- TypeScript
- Tailwind v4
- Framer Motion
AUREX MOTORS
Experiência cinematográfica · carro 3D em tempo real
Um comercial de carro de luxo navegável: filme em 14 cenas dirigido pelo scroll (a câmera muda, o carro gira, as luzes acendem), closeups de design, números contando, galeria-showroom horizontal e configurador 3D. Pintura, rodas, luz de cabine e underglow mudam o carro em tempo real, com preço reativo.
Filme em 14 cenas · configurador 3D
- Next.js
- TypeScript
- React Three Fiber
- Three.js
ATELIER VERTEX
Scrollytelling arquitetônico · vídeo real controlado pelo scroll
Um filme real de obra (do andaime à fachada pronta) cujo tempo de vídeo é 100% amarrado ao scroll, sem autoplay: rolar constrói o prédio, voltar desconstrói. A planta baixa se desenha sobre o vídeo como numa mesa de luz, uma linha de cota mede a obra em dias, e depois do filme o site vira o arquivo completo do estúdio, com obras entregues, processo e contato.
Vídeo real · 100% controlado pelo scroll
- Next.js
- TypeScript
- GSAP
- ScrollTrigger
AUREX TIMEPIECES
Experiência cinematográfica · relógio 3D que desmonta no scroll
Um relógio 100% procedural (Calibre AX-01 Tourbillon) que desmonta peça por peça conforme o scroll (caixa, bezel, coroa, mostrador, ponteiros, trem de engrenagens, mola espiral, escape, rotor e a gaiola giratória do tourbillon) e remonta no caminho inverso exato. Filme em 15 cenas, configurador com troca de material em tempo real e galeria 360° por arrasto.
15 cenas · relógio 100% procedural
- Next.js
- TypeScript
- React Three Fiber
- Three.js
THE AGE OF DRAGONS
Biblioteca proibida dos dragões · documentário interativo em 8 capítulos
Uma experiência-conceito que entra numa biblioteca ancestral proibida: hero em vídeo fullscreen com o dragão surgindo do relâmpago, cursor de brasa, cinzas subindo e trovão ocasional, mais 8 capítulos que cruzam mito e ficção. Tem o nascimento do dragão em 6 mitologias (China, Japão, Europa medieval, Nórdica, Maia, Celta), os 10 dragões mais icônicos da ficção em cards 3D com glifo autoral próprio (sem usar still oficial de nenhuma obra), mapa mundial clicável, linha do tempo horizontal pinada no scroll, galeria de gravuras em domínio público, tabela comparativa de poder e uma silhueta final batendo asas devagar.
8 capítulos · 10 dragões · 6 mitologias
- Next.js
- TypeScript
- GSAP
- ScrollTrigger
TERRAL
Torrefação artesanal · do grão à xícara em cinco capítulos
Uma jornada editorial guiada pelo scroll: Caparaó, o terreiro ao sol, o fogo do tambor, a moenda e a xícara, cada capítulo com vídeo e fotografia reais ao lado de tipografia gigante. O funil fecha na vitrine de blends com notas sensoriais e pedido pelo WhatsApp. E tem um segredo: quem segura o botão certo por seis segundos descobre a casa do torrador.
5 capítulos · vídeo e foto reais
- Next.js
- TypeScript
- GSAP
- Lenis
ONE PIECE
Site cinematográfico · a saga contada no scroll
Uma página única que conta a história de One Piece: a cena de abertura obedece ao scroll e dali o site atravessa a Era dos Piratas, apresenta os Chapéus de Palha, desenha a rota até o fim do mapa e guarda as falas que marcaram. Tudo animado em código, sem vídeo pesado.
Página única · animação 100% em código
- Next.js
- TypeScript
- Tailwind
- GSAP
ALVA Odontologia
Clínica odontológica premium · um filme aberto pelo scroll
Um filme em 7 planos amarrado ao scroll abre o site: rolar atravessa a clínica enquanto a manhã nasce. O conceito da alvorada guia a identidade inteira, do nome à luz das cenas, e o arco da marca volta em três usos diferentes. Depois do filme, o site apresenta a clínica e leva o agendamento direto pro WhatsApp.
Filme de 7 planos · scrub no scroll
- Next.js
- TypeScript
- GSAP
- Lenis
As Copas
Site imersivo · estádios históricos em 3D (WebGL)
Tributo às Copas do Mundo com 8 estádios icônicos modelados em 3D (arquibancadas, setores e torcida), Modo cinema para gravar vídeos, álbum de figurinhas com os áudios virais e identidade editorial própria. É 100% estático e rápido até no 3G.
8 estádios em 3D · Modo cinema
- Next.js
- TypeScript
- Three.js
- React Three Fiber
ECOA
Rede social anônima · produto completo com IA
Rede só-texto onde cada pessoa é um número: anonimato garantido pela arquitetura do banco (nem a API consegue ligar conta a post), moderação em 2 estágios com IA, recuperação de conta sem e-mail e LGPD de ponta a ponta.
Anonimato por arquitetura · IA de moderação
- Next.js
- TypeScript
- Supabase
- PostgreSQL
Loja de iPhone
E-commerce white-label · checkout no WhatsApp
Loja completa com catálogo, painel admin de produtos e estoque, e pedido direto no WhatsApp. É uma base white-label que vira várias lojas trocando só cor, logo e contato.
1 base white-label → várias lojas
- Next.js
- TypeScript
- Tailwind
- Supabase
E-commerce do Agro
Sistema web completo · e-commerce + painéis
Plataforma com loja, checkout com pagamento, 5 painéis por papel, app de entregas e API documentada, cobrindo do pedido à entrega.
5 painéis por papel · API documentada
- Next.js
- Node.js
- Express
- MySQL
Akatsuki
Loja de animes cinematográfica em 3D · checkout no WhatsApp
Loja imersiva em 3D (Three.js) com dois temas que se transformam entre Akatsuki e Expansão de Domínio, aura de energia por personagem ao adicionar ao carrinho, carrinho que persiste e pedido fechado direto no WhatsApp.
Cena 3D + 2 temas animados
- Next.js
- TypeScript
- Three.js
- React Three Fiber
AURÉA Joalheria
Vitrine premium · Espelho Virtual (try-on) · WhatsApp
Vitrine editorial white-label com Espelho Virtual que prova brincos e colares pela câmera em tempo real (MediaPipe, 100% no navegador) e leva ao WhatsApp já com a referência da peça.
Espelho Virtual · try-on por câmera
- Next.js
- React 19
- TypeScript
- Tailwind v4
NEXUS Loja Geek
Hero buraco negro 3D (R3F) · pós-processamento de cinema
Vitrine conceitual com hero de buraco negro estilo Interestelar (React Three Fiber): disco de acreção turbulento, distorção gravitacional, planeta e asteroides, iluminação HDRI e pós-processamento cinematográfico. Uma timeline (Theatre.js) faz a câmera mergulhar no buraco conforme o scroll.
Buraco negro 3D + lente gravitacional
- React
- Vite
- Three.js · R3F
- react-postprocessing
Lumen
Site cinematográfico 3D para arquitetura · React Three Fiber
Vitrine imersiva em 3D (React Three Fiber) com cenas cinematográficas e navegação fluida que apresentam o escritório como uma experiência, não como uma lista de fotos.
Experiência 3D cinematográfica
- React
- Vite
- TypeScript
- Three.js · R3F
RJjstore
Moda premium editorial · checkout no WhatsApp
E-commerce de moda com estética de estúdio de luxo: hero cinematográfico, lookbook com scroll horizontal, iluminação dinâmica seguindo o cursor, vista rápida do produto, carrinho persistente e pedido fechado direto no WhatsApp, com tema Areia e Branco alternável.
Editorial de luxo · checkout no WhatsApp
- Next.js
- TypeScript
- Tailwind
- Framer Motion
RJS Laticínios
Vitrine de laticínios artesanais · pedido no WhatsApp
Vitrine com catálogo de produtos e pedido fechado direto no WhatsApp. É uma base simples e rápida para o produtor vender online sem depender só das redes sociais.
Catálogo · pedido no WhatsApp
- Next.js
- TypeScript
- Tailwind
- Vercel
Império do Café
Jogo mobile de simulação · React Native/Expo
Jogo mobile completo de gestão de fazenda de café (Zona da Mata), 100% offline com saves locais: variedades, pragas e doenças, ciclo agronômico e mercado, em dezenas de sistemas interligados.
App mobile · 100% offline
- React Native
- Expo
- React 19
- JavaScript