Tools & technologies
Desarrollo creativo
Las ideas son fáciles.
Las ideas son fáciles. La ejecución no. Conecto concepto y código— para asegurar que lo imaginado sobreviva de verdad al build.
Qué es ser un desarrollador creativo
Un desarrollador creativo es alguien que cruza la línea entre diseño y código. No se limita a implementar mockups: empuja la idea, propone soluciones técnicas, prototipa en el navegador y defiende los detalles que hacen que una experiencia destaque.
Stack
JavaScript / TypeScript, React, Next.js, Three.js, GSAP, ScrollTrigger, WebGL, GLSL shaders, Lenis, Framer Motion, Tailwind. Herramientas que permiten convertir conceptos en experiencias performantes y multiplataforma.
Cuándo necesitas uno
Cuando el brief pide algo que no se puede resolver con plantillas. Lanzamientos de producto, sitios de campaña, scrollytelling editorial, experiencias 3D en navegador o cualquier cosa que requiera traducir una visión creativa en pixels en movimiento.
Entregables
Sitios y prototipos en producción, integraciones con CMS headless, animaciones, optimización de performance y handoff completo con documentación técnica.
Operating locations
Estudio en Madrid
Base en Madrid, trabajando en remoto con marcas, estudios y agencias dentro y fuera de España.
Info gráfico
Decision flow
Cada experiencia es una serie de pequeñas decisiones encadenadas. El trabajo es eliminar las que cuestan atención y reforzar las que generan momentum.
Info gráfico
Friction map
Toda pausa, duda o callejón sin salida se acumula. El objetivo es retirar esos momentos antes de que pesen sobre la experiencia.
Info gráfico
Journey shape
Un flujo debería sentirse guiado, no forzado, con la cantidad de resistencia justa en los puntos correctos.
Trabaja con JMWEB
Construyamos algo con personalidad.
Todo arranca con una conversación. Trae un brief, una referencia, una idea a medio cocinar — del resto me ocupo yo.
Iniciar un proyectoPróximos proyectos:
PHOTOGRAPHYE-COMMERCEMOTION-DESIGNUX
Cumbres
Landing page + e-commerce para una marca de material de alpinismo. Producción fotográfica en glaciar real, configurador 3D del arnés y una historia con scrollytelling sobre las primeras cordadas. Construido con Next.js + Three.js para que el equipo se vea, gire y pese.
Ver proyecto
3DMOTION-DESIGNBRANDINGE-COMMERCE
Sweet Studio
Identidad visual + e-commerce para un obrador de pastelería boutique. Render 3D producto a producto en Blender, paleta pastel sobre fondo negro y un checkout que evita la fricción típica del DTC alimentación. Mucho cariño en la dirección de arte.
Ver proyecto
3DCREATIVE-CODINGMOTION-DESIGNUX
Prism Core
Concept de marca para una plataforma de trading on-chain. El gema-hologramada gira en WebGL con dispersión cromática real (índices de refracción reales, no fake), y el anillo de circuito reacciona al cursor. Three.js + GLSL custom shaders.
Ver proyecto
PHOTOGRAPHYART-DIRECTIONMOTION-DESIGN
Pour Sessions
Pieza de art direction + fotografía para un estudio que pinta con tinta y leche sobre lienzo. Cápsula de marca con web editorial, vídeos macro a 240 fps de cada salpicadura y una tienda de prints. Spoiler: olía mejor de lo que parece.
Ver proyecto
3DMOTION-DESIGNUXUI
Pitch
Lanzamiento de una colección de botas de fútbol con paleta CMYK rota. Modelado y render del cleat en Cinema 4D + Redshift, ambiente de estadio con tormenta procedural y fichas de producto que cambian de paleta según el equipo seleccionado.
Ver proyecto
3DMOTION-DESIGNBRANDINGE-COMMERCE
Liquid Gold
Identidad para una marca de cosmética de lujo basada en oro coloidal. Render fluido en Houdini, simulaciones de salpicaduras pesadas y una web minimalista que deja respirar la pieza. Cada pareja stone/líquido apoya una nota de la fragancia.
Ver proyecto
MOTION-DESIGNUXUIILLUSTRATION
Neo-Kyoto
App de tiempo atmosférico ficticia para una pieza de retrospectiva ciberpunk. Cada ciudad genera su propio póster animado con paleta neón, lluvia procedural y tipografía geométrica. Diseñada en Figma, renderizada en WebGL.
Ver proyecto
CREATIVE-CODING3DGENERATIVEMOTION-DESIGN
Yggdrasil
Visualización generativa de un árbol neuronal: cada rama es una conexión sináptica calculada en tiempo real. Pieza interactiva para un congreso de IA, con instancing en Three.js y partículas que reaccionan al sonido ambiente de la sala.
Ver proyecto