Tools & technologies
Desarrollo Three.js
Lo plano es predecible.
Lo plano es predecible. Construyo entornos 3D con Three.js que convierten productos e ideas en algo por lo que te mueves— no solo algo que pasas con scroll.
Qué hago con Three.js
Escenas 3D en navegador con modelos GLTF, iluminación PBR, post-processing (bloom, glitch, RGB shift), física suave, integración con scroll y cámaras controladas por timeline.
Optimización
DRACO compression para modelos, KTX2 para texturas, instanced meshes para asteroides/partículas, draw call budgeting, pixel ratio capping en móvil. Llegamos a 60 fps incluso en hardware modesto.
Casos de uso
Productos en 3D (ropa, gadgets, vehículos), hero scenes cinemáticas, configuradores, visualización arquitectónica web, brand showpieces.
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
Three.js no es magia: es matemática expresiva. Y eso es exactamente lo bueno.
Info gráfico
Friction map
Un buen render loop a 60fps pesa lo mismo que tres carouseles mal hechos.
Info gráfico
Journey shape
El 3D web está más cerca de la dirección de arte que del desarrollo backend.
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.
Empezar un proyecto
Pró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