Showcase01 / 04
Rive
Animación vectorial interactiva con máquinas de estado: ligera, independiente de la resolución y reactiva al cursor.
Jonathan Velez, Creative developer
Construyo productos web de punta a punta: interfaz, interacción y backend.
- Un solo desarrollador de la idea a producción: sin traspasos ni vacíos.
- Código rápido y accesible, fácil de mantener y ampliar.
- Comunicación clara, en español e inglés.
Abierto a freelance y tiempo completo
- Abierto a freelance y tiempo completo
- Escríbeme por email
- GitHub
Trabajo seleccionado
(07)- 01
Fluxa
Una app del Designer de Webflow que aplica fondos con shaders en tiempo real a cualquier sección. Construida de punta a punta: shaders, extensión, API y cobro.
- 02
Colombia Tourism
Una arquitectura CMS escalable que permite al cliente publicar nuevos destinos sin depender de un desarrollador.
- 03
FlowSync
Un sitio estático convertido en un recorrido interactivo del producto con GSAP y Rive, sin video y con cargas un 30% más rápidas.
- Tipo
- Webflow site
- Stack
- 05
Vivici
Un design system escalable y una arquitectura CMS basada en referencias, con microinteracciones que aumentaron las ventas un 35%.
- Tipo
- Webflow site
- Stack
- 06
Foundervine
Una landing para EE. UU. con trabajo de SEO y AEO que subió las visitas un 48% y generó leads en un mercado donde casi no había.
- 07
Caban Energy
Una mejora de rendimiento y cumplimiento: +20 puntos en PageSpeed, +30% de indexación en chatbots y cumplimiento de GDPR y privacidad en EE. UU.
- Tipo
- Webflow site
- Stack
02 / 04
Blender 3D
Assets modelados, iluminados y renderizados, optimizados para la web como texturas comprimidas y loops cortos.
03 / 04
WebGPU compute
60.000 partículas simuladas por completo en la GPU con un compute shader, que el cursor empuja. Los navegadores sin WebGPU ven en su lugar un shader GLSL de vidrio acanalado sobre WebGL2.
04 / 04
Fluidos
Una simulación de fluidos que sigue tu cursor: compute shaders de WebGPU, con una versión GLSL sobre WebGL2 cuando no hay adaptador de GPU.
GLSL
Stack
Front end
- TypeScript
- JavaScript
- React
- Next.js
- Astro
- HTML / CSS
- GSAP
Back end
- Hono.js
- Express.js
- Node.js
- Postgres
- MongoDB
- MySQL
Gráficos
- WebGL
- GLSL
- WebGPU
- Three.js
- React Three Fiber
- Blender
- Rive
Plataformas y herramientas
- Webflow
- WordPress
- Cloudflare Workers
- Claude Code
- Codex
- Git
Habilidades blandas
- 01
Comunicación
Explico las decisiones técnicas con palabras simples y mantengo al cliente y al equipo al día antes de que lo pidan.
- 02
Responsabilidad
Leo y respondo por cada línea que se publica, y acompaño un proyecto desde el primer boceto hasta el lanzamiento.
- 03
Diseño y código, juntos
Me muevo con comodidad entre diseñadores y desarrolladores, para que la intención no se pierda en la entrega.
- 04
Resolución de problemas
Busco la causa raíz antes de parchar, y dejo escrito lo aprendido para no resolver lo mismo dos veces.
- 05
Aprendizaje rápido
Las herramientas, APIs o técnicas gráficas nuevas son parte del trabajo, y las aprendo construyendo algo real.
- 06
Tiempo y foco
Planeo en pasos pequeños y entregables, así siempre hay algo funcionando para mostrar.
Flujo con IA
Conecto Claude Code a mis herramientas mediante servidores MCP, así el asistente lee y actúa sobre el proyecto real y no sobre una copia. Menos copiar y pegar y menos traspasos dejan más tiempo para el trabajo que pide criterio.
Figma
Lee diseños y tokens y los convierte en componentes fieles al layout real.
Webflow
Inspecciona y edita sitios, contenido CMS, estilos y código personalizado sin salir del editor.
Cursor
Editor de código con IA conectado a los mismos servidores MCP, así las herramientas me acompañan mientras escribo y refactorizo.
Claude in Chrome
Abre la página en ejecución, revisa el resultado y lee la consola mientras construyo.
Notion
Mantiene documentación, planes y notas del proyecto junto al código.
Google Drive
Trae briefs, textos y recursos de archivos compartidos directo al trabajo.
Sobre mí
Soy desarrollador y me interesa el punto donde se juntan diseño, matemática y rendimiento: un fragment shader que sostiene 60 fps, una interfaz que se siente viva pero sigue siendo accesible, una API que no estorba.
Trabajo con Claude Code y Codex dentro de mi flujo diario, y sigo leyendo y respondiendo por cada línea que se publica. También me importan las partes poco vistosas: alternativas para reduced-motion, resolución adaptativa en pantallas 4K, lanzamientos versionados.
Estoy abierto a proyectos freelance y a un rol de tiempo completo en un equipo que valore el front end interactivo y creativo.
Construyamos algo
Cuéntame el proyecto, los tiempos y cómo se ve el éxito. Respondo en un par de días.