Design that ships & code that holds

(01) — Introduction

Three jobs, one head. I design the product, write the front-end and make the graphics.

• Experience 20 years, three disciplines
• Based in Madrid — working remote
• Focus Product, systems and brand
• Stack Figma · XD · HTML · CSS · JS · TypeScript · Angular · React · Vite · AI · InDesign · Illustrator · Photoshop

✦

I started in print, moved to interfaces when the web stopped being brochures, and never let go of the code. That mix is the point: I can argue a flow in the morning, fix its focus states in the afternoon, and have the campaign ready before close.

More about meMore about me ↗

(03) — Services

Four services, and I do all four myself. Each has its own page, with what is included, how it goes and the archive projects that back it up.

(04) — What I do

Hired for six things

• 01

  Product & UX design

  Flows, information architecture and the unglamorous screens — settings, empty states, error handling — that decide whether a product is usable on a Tuesday afternoon.

  DiscoveryUser flowsWireframesPrototypesUsability testing

  See the service ↗

• 02

  Interface & design systems

  Type scales, colour tokens, components with their states written down. Systems that a team of eight can use without asking me anything.

  Design tokensComponent librariesDocumentationFigma governance

  See the service ↗

• 03

  Front-end development

  Semantic HTML, CSS that survives a redesign, JavaScript that degrades gracefully. I build what I design, which removes an entire round of handover.

  HTML5CSS3JavaScriptAngularPerformance

  See the service ↗

• 04

  Graphic design & identity

  Identity, editorial, posters and campaign graphics — including the banners and email marketing somebody has to assemble every week.

  Identity & brandingEditorialCampaignBannersEmail marketing

  See the service ↗

• 05

  Accessibility & audits

  WCAG 2.2 AA reviews with a fix list ordered by effort, not by section number. I treat accessibility as a requirement, not a phase.

  WCAG 2.2Screen readersKeyboard pathsContrast

  See the service ↗

• 06

  Product design with AI

  Artificial intelligence inside the process: research synthesis, fast variant exploration, component scaffolding and a first accessibility pass. The judgement and the final review stay mine. And, from the other side, identity and interface for companies that build AI.

  Research synthesisInterface variantsCode scaffoldingAI interfacesBrand for AI

  See the service ↗

(05) — How it goes

• 0⁺Years in the craft
• 0Disciplines
• 0Selected projects

(06) — Frequently asked

The same questions, over and over. Answered here, so the first call does not get spent on them.

• 01

  What does a product designer actually do?

  Decides how a digital product works before it exists: researches who will use it and against what friction, orders the content, draws the flows and the screens, builds a prototype, tests it with real people and hands over a documented system so the team can carry on without breaking it. See the full service ↗

• 02

  Do you work as a front-end developer with Angular and React?

  With both, in production. Angular for applications with real state and long forms — it is the stack behind the SKÅL Madrid rebuild; React 18 with Vite for interfaces made of pieces that change fast, such as the Djehuty Project site, 1,269 pages in 224 KB of JavaScript. Underneath both: semantic HTML, modern CSS and TypeScript. See the service ↗

• 03

  Do you use artificial intelligence in your work?

  Every day, and openly: research synthesis, fast interface variant exploration, component scaffolding, a first accessibility pass and drafts of interface copy. What I do not do is ship anything I have not reviewed and understood. I have also designed brand for AI companies, such as KAI · Kallisto AI. How I use it, in detail ↗

• 04

  Do you do graphic design and brand identity too?

  Yes, and not as an add-on: I trained as a graphic designer and never left it. Brand identity and systems, editorial, campaign, banners, infographics and email marketing — eleven of the twenty-eight projects in the archive are graphics. See the service ↗

• 05

  Do you work in Madrid, remotely, in-house or per project?

  I live in Madrid and work remotely with teams across Spain and Europe, in Spanish and in English. I work per project, by the hour for teams needing temporary reinforcement, and I am open to joining a team as a product designer or a front-end developer. Available for 2026.

• 06

  Do you design and build, or only one of the two?

  Both, and that is the difference. The handover between design and development is where a digital project loses the most money, and it almost never appears in the budget. When one person does both, the states get drawn because they have to be written, and the Figma system does not drift away from the code library three months in.