Tools & technologies
User experience design
User journeys, information architecture, wireframes and interaction thinking aimed at clarity, conversion and momentum.
User journeys, information architecture, wireframes and interaction thinking aimed at clarity, conversion and momentum.
What UX design covers
UX design is the process of mapping out how people move through a digital product, from the first impression to the completed action. It spans information architecture, user-journey mapping, flow diagrams, wireframing and interaction logic. Good UX removes the decisions that slow people down and makes the right path feel obvious without needing to announce it.
The UX design process
Every UX project starts by understanding what the product actually needs to do, and for whom. That usually means a discovery phase covering goals, user types and existing friction points, followed by structural work — sitemaps, user flows and annotated wireframes that give the team something concrete to test and build. Iteration happens early, when changes are cheap.
Information architecture & user flows
How a product is organised shapes how it's experienced. A well-designed information architecture means users can predict where things live, move between sections without losing context and finish tasks without instructions. User flows make that structure visible — showing the paths people take and the decision points where the experience either succeeds or breaks.
Who this is for
UX design services are useful for anyone building or improving a digital product — a founder defining the structure of a new app, a product team wrestling with high drop-off, or a brand launching a new site that needs to do more than just look good. It's especially valuable early in a project, while structural decisions are still reversible.
Deliverables
Typical UX deliverables include sitemaps, user-journey maps, annotated low-fidelity wireframes, interactive prototypes and usability notes. When needed, I also produce component-level interaction specs and handoff documentation for development teams. Everything is tailored to what the project actually needs rather than a fixed list of outputs.
Operating locations
Studio in Madrid
Based in Madrid, working remotely with brands, studios and agencies inside and outside Spain.
Info graphic
Decision flow
Good UX removes unnecessary choices and turns the right path into the most obvious one.
Info graphic
Friction map
Every extra pause, hesitation, or dead end compounds. The job is to remove those moments before they cost attention.
Info graphic
Journey shape
A user flow should feel guided rather than forced, with the right amount of resistance in the right places.
Work with JMWEB
Let's build something with personality.
It all starts with a conversation. Bring a brief, a reference, a half-baked idea — I'll take it from there.
Start a projectNext projects:
PHOTOGRAPHYE-COMMERCEMOTION-DESIGNUX
Cumbres
Landing page + e-commerce for an alpine gear brand. Photo shoot on a real glacier, a 3D harness configurator, and a scrollytelling story about the first rope teams. Built with Next.js + Three.js so the kit can be seen, rotated and weighed.
View project
3DMOTION-DESIGNBRANDINGE-COMMERCE
Sweet Studio
Visual identity + e-commerce for a boutique patisserie. Product-by-product 3D renders in Blender, a pastel palette over a black background, and a checkout that dodges the usual friction in food DTC. A lot of care in the art direction.
View project
3DCREATIVE-CODINGMOTION-DESIGNUX
Prism Core
Brand concept for an on-chain trading platform. The holographic gem rotates in WebGL with real chromatic dispersion (genuine refraction indices, not faked) and the circuit ring reacts to the cursor. Three.js + custom GLSL shaders.
View project
PHOTOGRAPHYART-DIRECTIONMOTION-DESIGN
Pour Sessions
Art direction + photography for a studio that paints with ink and milk on canvas. Brand capsule with an editorial site, macro videos at 240 fps of every splash, and a print shop. Spoiler: it smelled better than it looks.
View project
3DMOTION-DESIGNUXUI
Pitch
Launch of a football boot collection with a broken CMYK palette. Cleat modelled and rendered in Cinema 4D + Redshift, a stadium environment with a procedural storm, and product pages that retint themselves to match the selected team.
View project
3DMOTION-DESIGNBRANDINGE-COMMERCE
Liquid Gold
Identity for a luxury cosmetics brand built around colloidal gold. Fluid renders in Houdini, heavy splash simulations and a minimal site that lets the work breathe. Each stone/liquid pair supports one note of the fragrance.
View project
MOTION-DESIGNUXUIILLUSTRATION
Neo-Kyoto
A fictional weather app for a cyberpunk retrospective piece. Each city generates its own animated poster with a neon palette, procedural rain and geometric type. Designed in Figma, rendered in WebGL.
View project
CREATIVE-CODING3DGENERATIVEMOTION-DESIGN
Yggdrasil
Generative visualisation of a neural tree: each branch is a synaptic connection calculated in real time. Interactive piece for an AI conference, with instancing in Three.js and particles that react to the room's ambient sound.
View project