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
Un buen UX elimina las opciones innecesarias y convierte el camino correcto en el más obvio.
Info gráfico
Friction map
Cada pausa, duda o callejón sin salida se acumula. El trabajo es eliminarlos antes de que cuesten atención.
Info gráfico
Journey shape
Un flujo debe sentirse guiado, no forzado, con la dosis justa de resistencia 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.
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