Tools & technologies
User interface design
People decide quickly.
People decide quickly. UI is the surface of perception — where typography, layout and systems make something feel clear, credible and worth your attention.
What makes good UI
The interface is the first judgement. Type, spacing, colour and system decide whether the product feels sloppy, generic or intentional. Good UI design lets content breathe, gives visual shape to hierarchy and builds a coherent identity page after page.
Design systems
I work with tokens (colour, type, spacing, shadows, motion) and reusable components — all documented in Figma with variants, states and clear rules. The result is a system that scales without losing consistency and that any team can pick up and extend.
Identity & art
UI isn't only order: it's voice too. We pull references from editorial, galleries, motion graphics and branding so the screens carry their own personality instead of copying the latest trend.
Deliverables
High-fidelity mockups, complete Figma design systems, interactive prototypes, component specs and brand guidelines applied to the product.
Operating locations
Studio in Madrid
Based in Madrid, working remotely with brands, studios and agencies inside and outside Spain.
Info graphic
Decision flow
The surface is where decisions get made. Type, spacing and colour separate professional from forgettable.
Info graphic
Friction map
A well-made design system scales without losing coherence or voice.
Info graphic
Journey shape
Identity doesn't compete with usability — they hold each other up.
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 project
Next 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