Tools & technologies
Diseño de interfaz de usuario
La gente decide rápido.
La gente decide rápido. La UI es la superficie de la percepción— donde la tipografía, la maquetación y los sistemas hacen que algo se sienta claro, creíble y digno de atención.
Qué hace una buena UI
La interfaz es el primer juicio. Tipografía, espaciado, color y sistema deciden si el producto parece descuidado, genérico o intencional. Un buen diseño UI hace que el contenido respire, da forma visual a la jerarquía y construye una identidad coherente página tras página.
Sistemas de diseño
Trabajo con tokens (color, tipografía, spacing, sombras, motion) y componentes reutilizables — todo documentado en Figma con variantes, estados y reglas claras. El resultado es un sistema que escala sin perder consistencia y que cualquier equipo puede tomar y ampliar.
Identidad y arte
La UI no es solo orden: también es voz. Llevamos referencias del mundo del editorial, las galerías, la motion graphics y el branding para que las pantallas tengan personalidad propia en lugar de copiar la última tendencia.
Entregables
Mockups de alta fidelidad, sistemas de diseño completos en Figma, prototipos interactivos, especificaciones de componente y guías de marca aplicadas al producto.
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
La superficie es donde se decide. Tipografía, espaciado y color marcan la diferencia entre profesional y olvidable.
Info gráfico
Friction map
Un sistema de diseño bien hecho escala sin perder coherencia ni voz.
Info gráfico
Journey shape
La identidad no compite con la usabilidad; se apoyan.
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