Selected work

The platform that programmes what plays on the screens of the 230 GAME stores: a timeline sequence editor, six modules and a Figma design system. Preparing a campaign went from three hours to 45 minutes, and GAME now sells it to other chains under the Retina brand.

Portal and app for the workforce: clock-in, hours, holidays, tickets and internal comms in a single view. The whole company uses it: about a thousand people, from head office to the 230 shops.

Self-guided tours by local guides, on video and audio, for less than a coffee. Eleven apps analysed, personas, flows, wireframes, a system with language variables, 52 screens for iPhone and Android in Spanish and English, and the prototype on video.

A design furniture store app that answers the question before paying for a sofa: will it fit in my home? Research, a ten-brand benchmark, wireframes, a design system, a real-scale 3D AR viewer and the clickable prototype on video.

An integrated study: interviews, user testing, survey, analytics, heuristics, CRO, WCAG accessibility and benchmarking. From the new architecture to the sales impact.

Benchmarking of 21 operators, review mining across 14 clubs and a digital audit of 11 websites. From the market gap to the architecture, the pricing and the scorecard.

Five competitors audited and not one opens with moving image. That is where the redesign comes from: the reel leads, the form asks for dates, and the rotary dial is measured by circle fitting.

An audit of conversion, competition, customer and accessibility for a renovation firm's website: 30 findings, 16 competitors and a phased plan.

The same method I apply to a client, applied to this site: 40 pages and 4,090 lines of code reviewed, 17 prioritised findings and the failing grades published unfiltered.

A rebuild of four screens from Retina, the platform that schedules content across the 230 GAME store screens: the sequence editor with its timeline, the sequence list, stores and devices, and the permissions matrix for the two user roles. Built with Next.js, React, TypeScript and Tailwind, carrying the semantic tokens of the original design system into the Tailwind theme. I designed and built the original product at GAME España; this rebuild is my own work, with invented data and no company code or assets. View live ↗ · View the code on GitHub ↗

The website of the only Norwegian restaurant in Madrid, rebuilt in Angular 21 without Zone.js and prerendered: twelve actions from a UX/CRO audit, starting with the form that confirmed bookings nobody ever received.

The system behind this site, taken out: 37 components and 57 tokens, each with a working example and the exact code rendering it.

A site for a cinematographer: the reel leads. Static, no framework, no build step.

The system his site is built with: 28 components, tungsten 3200 K and daylight 5600 K, and a rotary dial measured against the photograph.

I ran this site from 2006 to 2019 — HTML, CSS, JavaScript and the PHP templating — while digging with them as a ceramics specialist. Someone else has run it since 2019 and it now has a different design, so I rebuilt mine in React: 1,269 pages, my stylesheets untouched.

An email solved at three widths, with the built piece open so you can resize it yourself.

Nested tables, pixel widths and media queries: what it takes for an email to arrive whole.

The bulletin’s cover solved as a system rather than a plate: acronym at the head, an interchangeable line illustration, ten versions on one grid and the full print-ready jacket.

The O is not a letter, it is a lens. The whole logotype comes out of one measurement —the cap height— and holds from a page header down to a 24-pixel stamp.

A new brand for a renovation firm with 27 years of history and no identity of its own: logo, neutral palette and the pieces it actually uses —card, letter, envelope and invoice—.

This portfolio's design system, printed: the same tokens, the three discipline colours and CMYK artwork with 3 mm of bleed.

Identity for an AI-for-drones company, with three sub-brands that had to coexist: SKY, SHIELD and SEG.

Internal social pieces and supporting documentation: the part that tells the workforce the tool exists.

An excavation report read front to back and, at the same time, opened at one exact page to check a sherd.

Three excavation campaigns, three different covers and a system that keeps them reading as one collection.

Two volumes — text and plates — with the critical apparatus, the vector drawings and the object photography all made in-house.

The same campaign as a panoramic hero and as a 120-pixel skyscraper. Going smaller means recomposing, not scaling.

Every element drawn separately and assembled afterwards, with the call-outs placed so no two leader lines cross.