Tools & technologies
Diseño de experiencia de usuario
Recorridos de usuario, arquitectura de la información, wireframes y pensamiento de interacción orientados a la claridad, la conversión y el impulso.
Recorridos de usuario, arquitectura de la información, wireframes y pensamiento de interacción orientados a la claridad, la conversión y el impulso.
Qué abarca el diseño UX
El diseño de experiencia de usuario es el proceso de trazar cómo las personas se mueven a través de un producto digital, desde la primera impresión hasta la acción completada. Abarca la arquitectura de la información, el mapeo de recorridos de usuario, los diagramas de flujo, el wireframing y la lógica de interacción. Un buen diseño UX elimina las decisiones que ralentizan a las personas y hace que el camino correcto parezca obvio sin necesidad de anunciarlo.
El proceso de diseño UX
Cada proyecto UX comienza por comprender qué debe hacer realmente el producto y para quién. Eso implica normalmente una fase de descubrimiento que cubre objetivos, tipos de usuario y puntos de fricción existentes, seguida de trabajo estructural — mapas del sitio, flujos de usuario y wireframes anotados que dan al equipo algo concreto para probar y construir. La iteración ocurre pronto, cuando los cambios son baratos.
Arquitectura de la información y flujos de usuario
La forma en que un producto está organizado determina cómo se experimenta. Una arquitectura de la información bien diseñada significa que los usuarios pueden predecir dónde están las cosas, moverse entre secciones sin perder el contexto y completar tareas sin necesitar instrucciones. Los flujos de usuario hacen visible esa estructura, mostrando los caminos que siguen las personas y los puntos de decisión donde la experiencia tiene éxito o falla.
Para quién es esto
Los servicios de diseño UX son útiles para cualquiera que esté construyendo o mejorando un producto digital — ya sea un fundador definiendo la estructura de una nueva app, un equipo de producto que lidia con altas tasas de abandono, o una marca lanzando un nuevo sitio que necesita hacer más que verse bien. Es especialmente valioso al inicio de un proyecto, cuando las decisiones estructurales son aún reversibles.
Entregables
Los entregables UX típicos incluyen mapas del sitio, mapas de recorrido de usuario, wireframes de baja fidelidad anotados, prototipos interactivos y notas de usabilidad. Cuando es necesario, también produzco especificaciones de interacción a nivel de componentes y documentación de entrega para equipos de desarrollo. Todo está adaptado a lo que el proyecto realmente necesita en lugar de una lista de salidas fija.
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
Good UX removes unnecessary choices and turns the right path into the most obvious one.
Info gráfico
Friction map
Every extra pause, hesitation, or dead end compounds. The job is to remove those moments before they cost attention.
Info gráfico
Journey shape
A user flow should feel guided rather than forced, with the right amount of resistance in the right places.
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